(function(){})(); Что это?

Question

Начал разбиратся с шаблонизаторами на javascript, и в примерах везде встречаю вот такую запись:

(function(){
    this.var1 = function(){
},

this.var2 = function(){

};

return function(){

};

})();

Не мог бы кто-нибудь рассказать про это. Что это, зачем нужно, как используется, в чём смысл такой записи?

А что именно непонятно? В первых скобках — определение функции, финальная пара скобок — её вызов. — VladD, Jan 15 '15 at 18:35

score 3 · Accepted Answer · answered Jan 15 '15 at 18:37

3

Этот синтаксис означает, что анонимная функция сразу же будет вызвана

answered Jan 15 '15 at 18:37

DreamChild

36,244

Это я в принципе и раньше знал, а что будет с this.var1? – Станислав Далинин Jan 15 '15 at 18:40
@Станислав Далинин, если не ошибаюсь, this в контексте данной функции ссылается на объект window – mountpoint Jan 15 '15 at 18:43
@Станислав Далинин Данные функции(методы) наружу будут смотреть. Эквивалент window.var1 = function(){} – romeo Jan 15 '15 at 18:45
То есть в дальнейшем для вызова var1 достаточно писать var1(); ? И зачем нужна вторая пара круглых скобок () ? – Станислав Далинин Jan 15 '15 at 18:47
@Станислав Далинин Основной смысл данной конструкции изолировать область видимости, своего рода модуль. В Вашем примере это не выполняется, ибо оба методы торчат наружу. – romeo Jan 15 '15 at 18:53
А что насчёт вторых скобок? Зачем они, как используются? – Станислав Далинин Jan 15 '15 at 22:46
@Станислав Далинин Почитайте JavaScript Module Pattern: In-Depth и Создание модулей JS – romeo Jan 16 '15 at 08:42

ΝNL993 · Answer 2 · 2022-12-27T18:57:07.990

Это так называемый IIFE (Immediately invoked function expression / выражение мгновенно вызванной функции) или же SEAF (Self executing anonymous function / Само выполняемая анонимная функция). Такой синтаксис часто используется для изоляции каких-либо данных, вот пример с обычным объявлением переменной и её объявлением в IIFE:

var someVariable1 = 'Hello, first world!'
console.log(someVariable1)
(function() {
  var someVariable2 = 'Hello, second world!'
})()
console.log(someVariable2)

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

score 0 · Answer 3 · answered Jan 15 '15 at 18:45

Насколько я понимаю, this ссылается на объект, методом которого функция является. Если она не является методом пользовательского объекта, то this ссылается на window

(function(){})(); Что это?

3 Answers3

Linked