Как понять фрагмент кода вида (function(){}()) на js?

Question

[Vetal Matitskiy]

Как понять фрагмент кода вида (function(){}())?
анализируя api одной из библиотек в примере обнаружил конструкцию вида:

(function(d, s, id){
    op1;
    op2;
   ...
}(document, 'script', 'jssdk'));

подскажите, пожалуйста, что вообще происходит здесь, зачем скобки оборачивают определение функции и что за последовательность в конце "(document, 'script', 'jssdk')"
и вопрос более общего плана, есть ли инструменты которые помогают понять зашифрованные конструкции подобного вида?

Answer 1

[TekVanDo]

(function(){})() - сразу же вызывает функцию, т.е. код эквивалентен:

(function(ss,mm){
    console.log(ss,mm);
})("привет","мир");

function test(ss,mm){
    console.log(ss,mm);
}

test("привет","мир");

Answer 2

[myrslok]

Это называется immediately-invoked function expression, смысл в том, что в JavaScript функции создают область видимости, а блоки не создают со всеми вытекающими последствиями. Кстати, если непонятно, что это за последствия, возможно, вам стоит ознакомиться с областями видимости (англ. -- scope) подробнее. Вкратце можно посмотреть по ссылке, но вообще это очень важная тема.

Comments

[Vetal Matitskiy]

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

[myrslok]

Если кратко, то да.

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

[Vetal Matitskiy]

в плане скрытия - соглашусь :)

Answer 3

[Николай Ким]

Если не ошибаюсь, это просто безымянная функция с вызовом. Можно прочитать как

function fx(d, s, id) { ... }
fx(document, 'script', 'jssdk');

Насколько я понимаю, такой приём используется чтобы завернуть переменные в область видимости, так как в js единственная область – функция. Знающие люди, поправьте меня пожалуйста, если не прав :-)

Answer 4

[Bhudh]

Это не определение функции.
Это функция-выражение с немедленным вызовом.
Последовательность в конце — обычные параметры при вызове.
Инструменты, которые помогают понять, есть. Книги по синтаксису JavaScript, например.
Лучше всего Дугласа Крокфорда и Дэвида Флэнагана.

Answer 5

[Oogway]

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

(function($) {
  /* code */
} (jQuery))

Можно встретить такую запись:

(function($) {
  /* code */
} )(jQuery)

Или:

!function($) {
  /* code */
}(jQuery)

Ну и другие унарные операторы: ~, +,- если функция ничего не возвращает. Также можно использовать выражение приставания. В качестве параметров обычно передают ссылки на глобальные объекты window, jQuery и др

Comments

[Bhudh]

За harassment expression в иных странах можно и загреметь.
Можно несколько выражений через запятую ещё использовать.

[Николай Ким]

Ого, вариант с унарными операторами не встречал никогда.
Странно выглядит, аж мозг клинит на несколько мгновений :-)