Місце дужки для автоматичного виконання анонімних функцій JavaScript?

Нещодавно я порівнював поточну версію json2.js з версією, яку я мав у своєму проекті, і помітив різницю в тому, як було створено і самовиконано вираз функції.

Код, який використовується для загортання анонімної функції в дужки, а потім її виконання,

(function () {
  // code here
})();

але тепер він обгортає автоматично виконану функцію в дужках.

(function () {
  // code here
}());

Є коментар від CMS до прийнятої відповіді в поясненому синтаксисом анонімної функції JavaScript, поясненого JavaScript, що "і те: (function(){})();і (function(){}());є дійсним".

Мені було цікаво, в чому різниця? Чи займає перший пам'ять, залишаючи навколо себе глобальну, анонімну функцію? Де повинні бути розміщені дужки?

Вони практично однакові.

Перші обводять круглі дужки навколо функції, щоб зробити її дійсним виразом і викликати його. Результат виразу невизначений.

Другий виконує функцію, і круглі дужки навколо автоматичного виклику роблять його дійсним виразом. Він також оцінюється до невизначеного.

Я не думаю, що існує "правильний" спосіб зробити це, оскільки результат виразу той самий.

> function(){}()
SyntaxError: Unexpected token (
> (function(){})()
undefined
> (function(){return 'foo'})()
"foo"
> (function(){ return 'foo'}())
"foo"

У цьому випадку це не має значення. Ви викликаєте вираз, який вирішує функцію в першому визначенні, а в другому прикладі визначаєте та негайно викликаєте функцію. Вони схожі, тому що вираз функції в першому прикладі є лише визначенням функції.

Є й інші, очевидно, корисні випадки для виклику виразів, які вирішують функції:

(foo || bar)()

Немає жодної різниці поза синтаксисом.

Щодо ваших занепокоєнь щодо другого способу його виконання:

Поміркуйте:

(function namedfunc () { ... }())

namedfuncвсе ще не буде в глобальному масштабі, навіть якщо ви вказали ім'я. Те саме стосується і анонімних функцій. Єдиний спосіб отримати його в такому обсязі - присвоїти йому змінну всередині паронів.

((namedfunc = function namedfunc () { ... })())

Зовнішні парени не потрібні:

(namedfunc = function namedfunc () { ... })()

Але ви все одно не хотіли цієї глобальної декларації, чи не так?

Тож воно зводиться до:

(function namedfunc () { ... })()

І ви можете зменшити його ще більше: ім'я непотрібне, оскільки воно ніколи не буде використовуватися (якщо тільки ваша функція не є рекурсивною .. і навіть тоді ви можете використовувати arguments.callee)

(function () { ... })()

Ось так я думаю про це (можливо, неправильно, я ще не читав специфікацію ECMAScript). Сподіваюся, це допомагає.

Різниця існує лише тому, що Дугласу Крокфорду не подобається перший стиль для IIFE ! (seriuosly) Як ви можете побачити у цьому відео !!.

Єдина причина існування додаткової упаковки (){в обох стилях} - це допомогти зробити цей розділ коду Function Expression , оскільки Декларація функції не може бути негайно викликана. Деякі скрипти / применшувати-ERS просто використовувати +, !, -і ~замість того, щоб занадто круглі дужки. Подобається це:

+function() {  
    var foo = 'bar';  
}();

!function() {  
    var foo = 'bar';  
}();

-function() {  
    var foo = 'bar';  
}();

~function() {  
    var foo = 'bar';  
}();

І все це точно так само, як і ваші альтернативи. Вибір серед цих випадків відбувається самостійно, і це не має ніякого значення. {Ті, що ()створюють файл на 1 байт ;-)}