Сборка от 17 марта 2017 г

Сравнение с Function Declaration

«Классическое» объявление функции, о котором мы говорили до этого, вида function имя(параметры) {...} , называется в спецификации языка

«Function Declaration».

• 
  Function Declaration – функция, объявленная в основном потоке кода.
  
• 
  Function Expression – объявление функции в контексте какого‑либо выражения, например присваивания.
  

Несмотря на немного разный вид, по сути две эти записи делают одно и то же:

// Function Declaration function sum(a, b) {

return a + b;
}

// Function Expression var sum = function(a, b) {

return a + b;
}

Оба этих объявления говорят интерпретатору: "объяви переменную sum , создай функцию с указанными параметрами и кодом и сохрани её в sum ".

Основное отличие между ними: функции, объявленные как Function Declaration, создаются интерпретатором до выполнения кода.

Поэтому их можно вызвать до объявления, например:

sayHi("Вася"); // Привет, Вася

function sayHi(name) { alert( "Привет, " + name );

}

А если бы это было объявление Function Expression, то такой вызов бы не сработал:

sayHi("Вася"); // ошибка!

var sayHi = function(name) { alert( "Привет, " + name );

}

Это из‑за того, что JavaScript перед запуском кода ищет в нём Function Declaration (их легко найти: они не являются частью выражений и начинаются со слова function ) и обрабатывает их.

А Function Expression создаются в процессе выполнении выражения, в котором созданы, в данном случае – функция будет создана при операции присваивания sayHi = function...
Как правило, возможность Function Declaration вызвать функцию до объявления – это удобно, так как даёт больше свободы в том, как организовать свой код.
Можно расположить функции внизу, а их вызов – сверху или наоборот.