arrowFunction

🎓 Стрелочные функции

ES6

✋ Стрелочные функции всегда анонимные

🎓 Синтаксис

⛔ function

В сигнатуре стрелочной функции нет слова function

( параметры ) => { тело функции }

☕

var res = ( x, y ) => x * y
res ( 2, 5 )

✋ Если тело функции состоит из одной операции, фигурные скобки можно опустить

( name = "user" ) => console.info ( "Hi, " + name )

✋ Если у функции всего один формальный параметр, круглые скобки можно опустить

name => console.info ( "Hi, " + name )

✋ При отсутствии формальных параметров круглые скобки обязательны

() => console.info ( "Hi, user"  )

✋ Если тело функции состоит из одного выражения, значение которого возвращает функция, оператор return не нужен

☕ обычная функция

var res = function ( x, y ) { return x * y }

☕ стрелочная функция

var res = ( x, y ) => x * y

✋ Операторы ветвления кода ( кроме тернарного оператора ) и операторы цикла нужно заключать в фигурные скобки

☕ оператор for

() => {
    for ( var i = 0; i < 5; i++ )
        console.log ( i )
}

☕ оператор switch

var answerArrow = question => { 
    switch ( question ) {
        case "who":
            return "student"
        case "what":
            return "develop" 
        case "where":
            return "Kharkiv" 
        default:
            return "I don't undestand your question"
    }
}

☕ тернарный оператор

var answerArrow = question =>  
    question === "who" ? "Irina" :
        question === "what" ? "develop" :
            question === "where" ? "Kharkiv" :
                "I don't undestand your question"

---

⛔ arguments

У стрелочных функций нет объекта arguments

При попытке обратиться к объекту arguments из стрелочной функции будет сгенерировано исключение ( ReferenceError )

☝️ Если стрелочная функция объявлена внутри обычной функции, то переменные контекста родительской функции будут доступны для стрелочной функции ( см. цепочка областей видимости ), поэтому внутри нее будет доступен объект arguments родительской функции

☕

function testArguments () {
    var arrowFunc = () =>  console.log ( arguments )
    arrowFunc ()
}
testArguments ( 5, false )

В результате работы кода в консоль будет выведен объект arguments функции testArguments

---

🎓 Контекст вызова

У стрелочных функций контекст вызова всегда будет контекстом, в котором функция была создана

то есть можно сказать, что у стрелочных функций есть контекст создания, а у обычных - контекст вызова в этом ключевое отличие стрелочных функций от обычных