JavaScript: Arrow Functions

Snippets » JavaScript » JavaScript: Arrow Functions

Arrow functions er next gen javascript-syntaks, der har flere anvendelsesmuligheder alt efter, hvordan man bruger den.

Arrow functions er function expressions, så bruger man arrow functions er function declaration ikke længere i brug.

// Traditionel oprettelse af funktioner
  // function declaration
  function myFunction1 = (){
  }

  // function expression
  var myFunction2 = function() {
  }

Arrow functions skrives som expressions, men med pile-notation (fat arrow) som vist i eksemplet herunder

// ARROW FUNCTION
const myFunction3 = () => {
}

Arrow function med 1 argument

Hvis man kun har 1 argument i et arrow function kan man helt undlade at skrive paranteser, men KUN, hvis der er 1 argument.

const printName = name => {
  console.log(name);
}

Arrow functions med 1 return-værdi

Hvis det eneste en function skal er at returnere en værdi og der derfor ikke er andre linjer med kode end return-værdien kan en arrow function skrives på en enkelt linje som vist i eksemplet herunder

const addition = (number1, number2) => return number1 + number2