Эй, все 👋🏻, в этом блоге мы собираемся обсуждать:
- Функции стрелки против регулярных функций
- Преимущества и недостатки использования функций стрелки
Как я уже сказал, в моем предыдущем блоге функция стрелки не является новой концепцией, это просто синтаксическая реконструкция регулярной функции в JS. Новый синтаксис очень прост, это просто сахарное покрытие вокруг старого синтаксиса функций, так что без трафарета впустую время, давайте начнем узнать о функциях стрелки!
1. Функции стрелки против регулярных функций
Мы собираемся обсудить 4 различных типа функций, и мы преобразуем их из старого ржавого синтаксиса ES5 на синтаксис ES6.
4 различных типа будут:
1. Названная функция без параметров. 2. Названная функция с одним параметром. 3. Названная функция с двумя параметрами. 4. Безмятенная функция.
1. Именованная функция без параметров:
Как вы можете видеть на приведенной выше фото, мы должны дать название функции как имя переменной и после равного символа = Открытие и закрытие скобок () который будет обозначать функцию, ведущую со стрелкой => что ничего, кроме равного знака и углового кронштейна.
Есть еще один способ сделать функцию со стрелкой на одну лайнера, вам просто нужно дать название функции как имя переменной и = Знак, ведущий с => arrow и утверждение, которое вы хотите вернуться.
2. Именованная функция с одним параметром:
Нет никаких изменений, кроме как в скобках () в котором мы пройдем наши параметры.
3. Именованная функция с двумя параметрами:
4. Безымянные функции:
Разве это не круто ??
2. Преимущества и недостатки использования функций стрелки
Функции arrow делают наш код более лаконичным и увеличивает читаемость кода, новый синтаксис действительно легко принять и не требует времени, чтобы понять вещи.
Помимо написания меньше, и делает больше стрелки. Функция может помочь нам с Это Ключевое слово и навес переменных, позвольте мне показать вам, как.
Здесь, в этом выше изображение, я сделал класс с двумя функциями-членами, стрелкой и регулярным, который состоит из Setimeate сделать блок кода, чтобы мы могли видеть объем Это Ключевое слово с использованием функций стрелки V/S регулярной функции.
Здесь мы получим имя (Shreyas) и возраст (18) в функции стрелки, как внутри этой функции Это Ключевое слово будет использовать область, где он был создан (т.е. внутри класса), но с другой стороны, обычная функция будет использовать область, где он вызывается или называется IE, который находится за пределами класса, и, поскольку нет имени и возраста, определенного за пределами Класс, мы получим undefined Отказ
Один недостаток, который я чувствую, мы не можем использовать функцию стрелки для определения конструктора.
Конструктор – это специальная функция, которая должна быть сделана внутри каждого класса, что в основном устанавливает значения по умолчанию и инициализирует их.
В приведенном выше примере вы можете видеть, что я сделал функцию конструктора, но с синтаксисом обычной функции.
Большое спасибо за прочтение всего блога 🎉! Я надеюсь, что вы узнали что-то, и если вы сделали, выполните его, это сделает ваш код более лаконичным и читаемым.
Оригинал: “https://dev.to/shreyazz/arrow-functions-4d77”