Объявление функций в JavaScript [дубликат]

Одним из преимуществ использования функции someFunc () {...} является то, что имя функции отображается в отладчике Firebug. Функции, объявленные другим способом ( var someFunc = function () {...} ), появляются как анонимные .

Фактически, разница в том, что второе объявление дает нам возможность объявлять такие функции, что позволяет иметь функция как свойство объекта:

var myObject=new Object();
myObject.someFunc=function() { ... }; 

По стилю второй пример более совместим с другими распространенными способами объявления функций, и поэтому можно утверждать, что он более читабелен

this.someFunc = function() { ... }
...
someFunc: function() { ... },

Однако, как также упоминалось, он анонимен, и поэтому имя не появляется при профилировании. Другой способ объявления функции - это лучшее из обоих миров

var someFunc = function someFunc() { ... }

Верно и то, что первая форма:

function test() { }

является более узнаваемым синтаксисом, и что вторая форма:

var test = function() { ... }

позволяет вам управлять областью действия функции (с помощью var; без нее это было бы в любом случае быть глобальным).

И вы даже можете делать и то, и другое:

var test = function test() { ... test(); ... }

Это позволяет вам определять рекурсивную функцию во второй форме.

Другое отличие состоит в том, что в большинстве браузеров последний позволяет определять различные реализации в зависимости от обстоятельств, а первый - нет. Допустим, вам нужна кроссбраузерная подписка на мероприятия. Если вы попытались определить функцию addEventListenerTo следующим образом:

if (document.addEventListener) {
    function addEventListenerTo(target, event, listener) {
        ....
    }
} else if (document.attachEvent) {
    function addEventListenerTo(target, event, listener) {
        ....
    }
} else {
    function addEventListenerTo(target, event, listener) {
        ....
    }
}

в некоторых браузерах все функции будут проанализированы, причем последняя будет иметь приоритет. Результат: вышеуказанное просто не работает. Однако присвоение переменных анонимных функций будет работать. Вы также можете применять функциональные и базовые методы аспектно-ориентированного программирования , используя анонимные функции, назначенные переменным.

var fib = memoize(function (n) { 
    if (n < 0) return 0;
    if (n < 2) return 1;
    return fib(n-1) + fib(n-2); 
});

...
// patch the $ library function
if (...) {
    $ = around($, fixArg, fixResult);
}

По удобочитаемости я бы сказал, что первое явно лучше. Будущий программист по обслуживанию, даже если предположить, что он достаточно знаком с javascript, чтобы знать многие тонкости, возникающие в этой теме, будет использовать первый формат.

Например, если они когда-нибудь захотят нажать ctrl-f для поиска определения вашей функции, чтобы увидеть, что там происходит, будут ли они сначала искать someFunc = function () или функция someFunc () ?

Кроме того, чтобы сделать это прямо типографским (поскольку мы говорим о читабельности), читатели часто просматривают текст быстро и будут более склонны пропускать строку, начинающуюся с «var», если они ищут определение функции.

Я знаю, что это нетехнический ответ, но это ' Людям труднее читать код, чем компьютерам.

Когда вы пишете

function Test() {
}

, JavaScript действительно создает свойство, которому он назначает объект функции, который после вызова выполнит код, указанный в определении функции. Свойство прикрепляется к объекту , окну или к объекту, который содержит определение функции.