Функция стрелки и традиционная функция в JavaScript

Стрелочная функция или стрелочная функция — это более краткий синтаксис написания регулярных функциональных выражений, который позволяет нам писать более короткие и аккуратные функции. Стрелочные функции были введены в ECMAScript 6 (2017). Они также известны как функция толстой стрелки, поскольку в них используется токен => , имеющий форму толстой стрелки .

Их сжатый синтаксис позволяет нам иногда избегать написания токенов return , токенов function и фигурных скобок. Давайте посмотрим на следующий синтаксис.

  var func = () => {//инструкции возвращают ;}  

Приведенный выше синтаксис показывает, как мы обычно пишем стрелочную функцию . Фигурные скобки инкапсулируют набор инструкций , которые мы можем написать так же, как и в обычной функции . Между тем, толстая стрелка => — это маркер, используемый для представления стрелочной функции , которая является перед скобками, содержащими аргументы функции .

  var func = (  ) => ; 

Более того, мы можем сделать представление стрелочной функции более кратким , если бы у нас было однострочная функция. Для однострочной функции мы можем опустить фигурные скобки и оператор return, поскольку выражение или значение неявно возвращается после => token.

Взгляните на следующее сравнение между двумя стилями написания функций.

Стрелочная функция

  var func  = (a, b) => {var sum = a + b;  return sum;}  

Использует => в определении функции .

Традиционная функция

  функция func (a, b) {var sum = a + b;  return sum;}  

Использует ключевое слово function в определении function .

Давайте см. несколько примеров, чтобы увидеть функции стрелок в действии.

 var func = (a, b) => {var sum = a + b;  сумма возврата;  }приставка. log («Сумма 1 и 3:», func (1,3));  

В приведенном выше коде мы создаем стрелочную функцию для взять сумму двух переменных, переданных в качестве аргумента, который в нашем случае равен a и b .

Мы также можем преобразовать это в одну строку кода, используя стрелочные функции.

 var func = (a, b) => a + b;  console.log («Сумма 1 и 3:», func (1,3));  

Поскольку нам нужно вернуть a + b для суммы, мы можем напрямую написать функцию в одной строке, где стрелочная функция принимает две переменные a и b в качестве аргументов, а затем верните выражение a + b . Обратите внимание, что наш код стал более кратким благодаря функциям стрелок.

ПРИМЕЧАНИЕ. Функции стрелок также можно называть анонимными функциями, поскольку они являются безымянными функциями .

Оцените статью
nanomode.ru
Добавить комментарий