Стрілочні функції в es6.

Всім привіт! У цій статті ми розглянемо, що таке стрілочні функції в ES6 і як їх використовувати.

Стрілочні функції - це функції, які записуються за допомогою оператора "стрілка" (= Gt;).

Відео: Урок 6. Сучасний jаvascript (ES6) - Стрілочні функції

Давайте відразу розглянемо приклад:

let add =(x, y)= Gt; x + y- 
console.log(add(5,2)) -

В результаті виконання даної функції в консолі ми побачимо число 7.

Спочатку, в круглих дужках ми передаємо аргументи, далі ставимо знак стрілочки, а потім пишемо код самої функції. У нашому випадку вона просто приймає два числа і складає їх. За ідеєю, це те ж саме, що і function expression в ES5. Якщо ви використовуєте Babel або подібні компілятори, то, швидше за все, вони напишуть щось на зразок цього:

var add =function add(x, y){ 
return x + y- 
} -

Якщо ваша функція приймає тільки один параметр, круглі дужки ставити необов`язково.

Відео: Видеоурок jаvascript ECMAScript 6 # 02 - Стрілочні (Arrow) функції - JS ES6 Уроки Тутор Навчання

let square = x = Gt; x*x-

Така функція приймає тільки один аргумент і зводить передане число в квадрат.

Функція без параметрів:

let func =()= Gt;77-

Якщо ваша функція містить у собі кілька рядків, то, по-перше, потрібно використовувати фігурні дужки, а по-друге, обов`язково написати, що функція повертає, тобто використовувати ключове слово return.

let multiply =(x, y)= Gt;{ 
 let result = x*y- 
return result- 
} -

Якщо вам потрібно повернути літерал об`єкта, то його потрібно обернути в круглі дужки:

let getObject =()= Gt;({ brand:`BMW`}) -

Самовизивающаяся функція виглядає наступним чином:

(()= Gt; console.log(`Message`)) () -

Якщо вам щось не зрозуміло, то раджу звернути увагу на відеокурс jаvascript, jQuery і Ajax з Нулі до Гуру.

А у мене на цьому все. Дякую за увагу!

Поділися в соціальних мережах:

Схожі