- Что такое стрелочная функция?
Функция стрелки была представлена в версии JavaScript ES6. Это альтернативный способ написать более короткий синтаксис по сравнению с обычной функцией.
- Как написать стрелочную функцию?
Основной синтаксис:
Если стрелочная функция имеет только один параметр, скобки можно опустить.
Обратите внимание, что если функция не принимает параметров, круглые скобки потребуются:
- Неявный возврат
Неявный возврат на самом деле полезен для создания кратких однострочных операций в map, filter и других распространенных методах массива.
Тело обычной функции заключено в блок с помощью фигурных скобок {} и заканчивается, когда код встречает ключевое слово return.
В то время как стрелочная функция представила краткий синтаксис тела или неявный возврат, это позволяет опускать фигурные скобки и ключевое слово return.
- Что следует помнить при использовании неявного возврата
▹ Фигурные скобки, обернутые вокруг тела функции, больше не возвращаются неявно и требуют оператора «return» (I.E. Explicit Return).
▹ Если вы хотите вернуть литерал объекта, вам придется использовать круглые скобки, чтобы фигурные скобки объекта не были ошибочно приняты за открытие тела функции.
▹ Если ваша стрелочная функция Javascript содержит более одного оператора, вам необходимо заключить их все в фигурные скобки и использовать ключевое слово return.
Просто помните, что если вы используете фигурные скобки, неявный возврат невозможен. вы должны использовать ключевое слово return.
- Стрелочная функция и обычная функция
1. Объект аргумента:
В обычной функции ключевые слова arguments могут использоваться для доступа к объекту arguments.
Принимая во внимание, что функция стрелки не имеет привязки arguments.
2. Дублирующиеся параметры:
В обычной функции мы можем передавать повторяющиеся параметры, но стрелочные функции никогда не могут иметь повторяющихся именованных параметров.
3. Подъем:
В обычной функции функция поднимается вверх.
тогда как функция стрелки поднимается там, где вы ее определяете. Итак, если вы вызовете функцию до инициализации, вы получите referenceError.
4. Привязка «этого» ключевого слова:
this в методе intro() относится к самому объекту person,
тогда как в методе intro2(), который является стрелочной функцией, это не так.
В стрелочной функции this не привязано к экземпляру объекта. Оно указывает на то, на что указывает «это» в космосе.
Примечание. Вышеупомянутая причина заключается в том, что стрелочные функции не подходят для использования в методах объекта, когда вы хотите получить доступ к «этому».
Надеюсь, моя статья помогла вам немного лучше понять Javascript! Не стесняйтесь оставлять комментарии и подписывайтесь на меня, чтобы получать больше информации о веб-разработке! ❤️