Расположение скобок для автоматического выполнения анонимных функций JavaScript?

Недавно я сравнивал текущую версию json2.js с версией, которая была в моем проекте, и заметил разницу в том, как выражение функции создавалось и выполнялось самостоятельно.

Код, используемый для заключения анонимной функции в круглые скобки и последующего ее выполнения,

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

но теперь автоматически выполняемая функция заключена в круглые скобки.

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

В принятом ответе на синтаксис инкапсулированной анонимной функции Explain JavaScript есть комментарий CMS, который «оба: (function(){})();и (function(){}());действительны».

Интересно, в чем разница? Занимает ли первое память, оставляя глобальную анонимную функцию? Где должна быть скобка?

Они практически такие же.

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

Второй выполняет функцию, и круглые скобки вокруг автоматического вызова делают его допустимым выражением. Он также оценивается как undefined.

Я не думаю, что есть «правильный» способ сделать это, поскольку результат выражения тот же.

> 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 ! (серьезно) Как видно на этом видео !!.

Единственная причина существования дополнительной обертки (){в обоих стилях} состоит в том, чтобы помочь сделать этот раздел кода Выражением функции , поскольку объявление функции не может быть вызвано немедленно. Некоторые скрипты / преуменьшать-ERS просто использовать +, !, -и ~вместо того, чтобы слишком круглые скобки. Как это:

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

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

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

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

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