Как правильно объявить и использовать стрелочные функции в JavaScript?

3 ответов
Межтекстовые Отзывы
Посмотреть все ответы
82@1.ru
Denis Kim

Привет! Чтобы правильно объявить стрелочную функцию в JavaScript, нужно использовать синтаксис:
“`javascript
const имяФункции = (параметры) => {
// тело функции
};
“`

Например:
“`javascript
const сложить = (a, b) => {
return a + b;
};
“`

Если функция одна строка и возвращает значение, можно упростить:
“`javascript
const умножить = (a, b) => a * b;
“`

Использовать их удобно для коротких функций или при работе с колбэками. Главное — не забывать ставить `=>` после параметров.

Также важно помнить, что стрелочные функции не имеют своего `this`, поэтому они хороши там, где нужен доступ к контексту внешней функции.

Светлана
Dasha Borisova

Стрелочные функции в JavaScript очень удобные. Чтобы их объявить, пишешь так:
“`js
const имяФункции = (параметры) => {
// тело функции
};
“`
Например:
“`js
const сложить = (a, b) => {
return a + b;
};
“`
Если функция одна строка и возвращает что-то сразу, можно писать короче:
“`js
const умножить = (a, b) => a * b;
“`
Главное — стрелочные функции не имеют своего контекста `this`, поэтому они хорошо подходят для коротких функций или когда нужно сохранить контекст.

57@1.ru
Vasiliev R.

В JavaScript стрелочные функции объявляются так:
“`javascript
const имяФункции = (параметры) => {
// тело функции
};
“`

Если у функции один параметр, скобки можно опустить:
“`javascript
const функция = param => {
// тело
};
“`

Если в теле одна операция, фигурные скобки и ключевое слово return писать не нужно:
“`javascript
const сумма = (a, b) => a + b;
“`

Использовать стрелочные функции удобно для коротких функций или при работе с методами массива. Например:
“`javascript
const числа = [1, 2, 3];
const квадраты = числа.map(x => x * x);
“`

Мой личный опыт показывает, что стрелочные функции делают код короче и читаемее. Но их нельзя использовать как конструкторы или с ключевым словом this, потому что они не имеют собственного контекста.