Javascript; функции, созданные путем назначения переменной?

Question

Хотелось бы получить информацию об этом. При написании Javascript, я привык к созданию таких функций, как это:

function firstThing() { 
    console.log("first"); 
}; 

Я следовал учебник, и увидел эту установку. Используя назначение переменной, а затем передавая анонимную функцию, которая затем ... становится именем функции. Есть ли причина, по которой это будет использоваться вместо «традиционного» способа выше?

var secondThing = function() { 
    console.log("second"); 
}; 

Назвав их одно и то же:

firstThing() 
secondThing() 

Answer 1

Это называется функция выражение:

var foo = function() {} 

и это объявление функции:

function foo() {} 

Основным отличием является то, что функция декларации «взвалил». За кулисами объявление функции «поднимается» вверху своей области и присваивается имени переменной - фактически так же, как выражение функции.

Рассмотрим это:

foo(); //logs 'abc' 
function() { 
    console.log('abc'); 
} 

Это работает хорошо, потому что foo будет поднят. С выражением функции, это не получится:

foo(); //foo is not defined! 
var foo = function() { 
    console.log('abc'); 
} 

Одна вещь, которая является удивительным о функциональных выражений, которые можно присвоить свое значение с IIFE (Сразу Вызывается функция Expression) и имеют собственные значения и функции, как это:

var myFunc = (function() { 
    function thisWillBeMyFunc() { 
    doOne(); 
    doTwo(); 
    doThree(); 
    } 

    function doOne() { 
    console.log('Action 1!'); 
    } 
    function doTwo() { 
    console.log('Action 2!'); 
    } 
    function doThree() { 
    console.log('Action 3!'); 
    } 

    return thisWillBeMyFunc; 
}()); 

myFunc(); //logs the actions 

doOne(); //error - not defined! 

Live demo (click).

о, прекрасная мощь и гибкость JavaScript!

Answer 2

Существует еще одно различие. Первый создает именованную функцию, второй - создает анонимную функцию.

Когда вы просматриваете трассировку стека, второй вариант будет отображаться как анонимная функция, первая будет отображаться с именем. Вы можете увидеть, как первый подход даст вам некоторое представление при отладке.

Некоторые дополнительные ссылки here и here.