Всем привет! В этом материале рассмотрим, что такое стрелочные функции в ES6 и как их использовать .
Всем привет! В этом материале рассмотрим, что такое стрелочные функции в ES6 и как их использовать.
Стрелочные функции – это функции, которые записываются при помощи оператора "стрелка"(=>).
Давайте сразу рассмотрим пример:
let add = (x, y) => x + y;
console.log(add(5, 2));
В результате выполнения данной функции в консоли мы увидим число 7.
Сначала, в круглых скобках мы передаем аргументы, далее ставим знак стрелочки, а потом пишем код самой функции. В нашем случае она просто принимает два числа и складывает их. По идее, это то же самое, что и function expression в ES5. Если вы используете Babel или подобные компиляторы, то, скорее всего, они напишут что-то вроде этого:
var add = function add(x, y) {
return x + y;
};
Если ваша функция принимает только один параметр, круглые скобки ставить необязательно.
let square = x => x*x;
Такая функция принимает только один аргумент и возводит переданное число в квадрат.
Функция без параметров:
let func = () => 77;
Если ваша функция содержит в себе несколько строк, то, во-первых, нужно использовать фигурные скобки, а во-вторых, обязательно написать, что функция возвращает, т.е. использовать ключевое слово return.
let multiply = (x, y) => {
let result = x*y;
return result;
};
Если вам нужно вернуть литерал объекта, то его нужно обернуть в круглые скобки:
let getObject = () => ({ brand: 'BMW' });
Самовызывающаяся функция выглядит следующим образом:
(() => console.log('message'))();
А у меня на этом все. Спасибо за внимание!
