Функция стрелки: Основы

Введение

Функции стрел, введенные в ES6, являются кратким способом создания функций по сравнению с выражениями функций.

Функция стрелки имени происходит от использования => Анкет

Синтаксис :

const functionName = (arg1, arg2, ... argN) => {
    return value;
}

Пример

const multiply = (a, b) => {
    return a * b;
}

console.log(multiply(7, 8)); // 56
console.log(multiply(3, 2)); // 6

Ключевая особенность

Функции стрел являются анонимной функцией, пока они не будут назначены переменной.
Если есть только 1 аргумент, мы можем пропустить скобку.

   const square = x => {
       return x * x;
   }

   console.log(square(2)); // 4
   console.log(square(7)); // 49

Единственное предостережение этого правила заключается в том, что если 1 аргумент разрушен.

const foo = ({name = "New User"}) => name;

console.log(foo({})); // New User
console.log(foo({name: "Parwinder"})); // Parwinder

   const greeting = () => {
       return "Hello World!";
   }

   console.log(greeting()); // Hello World!

Если корпус функции является выражением, оно вернет выражение, мы можем удалить кронштейны и ключевое слово возврата.

   const greeting = () => "Hello World!";
   console.log(greeting()); // Hello World

Теперь, когда мы знаем все эти ключевые функции, давайте переписать пример, чтобы получить квадрат числа:

const square = x => x * x;
console.log(square(4)); // 16

Оригинал: “https://dev.to/bhagatparwinder/arrow-function-basics-34cm”