Что такое (function(){})()

[drack3800]

Смотрел курс по jQuery от tuts+ и там оборачивали код в такую конструкцию:

(function() { /* код */ })();

Перевести речь не смог, а текста к этому уроку не было.

Также встретил это в уроке по созданию таймера здесь. Скажите, пожалуйста, чем эта конструкция отличается от кода без ее присутствия? В инете нигде на нашел про это информацию, а если где-то и есть такое, то записывается как очевидное и не поясняется.

[Struggle]

http://jquery-docs.ru/events/ready/#demo

[zlodeev]

(function() { /* код */ })()

Это укороченный вариант вызова функции. Т.е. просто функция сразу же запустится.

То же самое, что

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

[drack3800]

zlodeev, а чем это отличается от

$(document).ready(function() { /* code here */ });

? А какая разница, писать так

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

или так

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

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

[Great Rash]

$(document).ready(function() { /* code here */ });

Тут анонимная функция обратного вызова (callback) запустится при наступлении события DOMContentLoaded, т.е. когда закончится построение DOM-дерева.

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

Это просто анонимная функция, которая к jQuery не имеет никакого отношения. Эта функция запустится сразу же после создания.

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

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

Если интересно прочитайте эту небольшую заметку.

[s0rr0w]

(function() { /* код */ })()

Это укороченный вариант вызова функции. Т.е. просто функция сразу же запустится.

То же самое, что

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

Вообще не равнозначная замена. Тут надо читать с конца. Последние скобки () говорят, что нужно выполнить вызов функции. Идем левее - видим еще одни скобки (), которые говорят нам, что это группировка выражения, и нам нужно взять значение вычисления этого выражения. А значением будет ссылка на анонимную функцию, экземпляр которой создается внутри скобок.

[nerv]

Смотрел курс по jQuery от tuts+ и там оборачивали код в такую конструкцию: (function() { /* код */ })(); Перевести речь не смог, а текста к этому уроку не было. Также встретил это в уроке по созданию таймера здесь. Скажите, пожалуйста, чем эта конструкция отличается от кода без ее присутствия? В инете нигде на нашел про это информацию, а если где-то и есть такое, то записывается как очевидное и не поясняется.

это так называемый модуль. Позволяет изолировать часть кода. Т.е.

//1. этих переменных нет в глобальном пространстве имен
//2. в каждом пространстве имен существует своя переменная a, независимая от другого пространства имен. Они даже не знают о существовании друг друга : )
(function() {
    var a = 1;
}());

(function() {
    var a = 3;
}());

[drack3800]

$(document).ready(function() { /* code here */ });

Тут анонимная функция обратного вызова (callback) запустится при наступлении события DOMContentLoaded, т.е. когда закончится построение DOM-дерева.

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

Это просто анонимная функция, которая к jQuery не имеет никакого отношения. Эта функция запустится сразу же после создания.

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

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

Если интересно прочитайте эту небольшую заметку.

Вы хотите этим сказать, что внутри этой функции

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

я не смогу обратиться к объекту jQuery? В уроке от tuts+ парень спокойно обращается и всё работает. А значит я снова не уловил разницу между этими двумя вариантами(с передачей объекта и без передачи). За заметку спасибо!

(function() { /* код */ })()

Это укороченный вариант вызова функции. Т.е. просто функция сразу же запустится.

То же самое, что

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

Вообще не равнозначная замена. Тут надо читать с конца. Последние скобки () говорят, что нужно выполнить вызов функции. Идем левее - видим еще одни скобки (), которые говорят нам, что это группировка выражения, и нам нужно взять значение вычисления этого выражения. А значением будет ссылка на анонимную функцию, экземпляр которой создается внутри скобок.

Можно попонятнее, пожалуйста? Что такое группировка выражения?

[Great Rash]

я не смогу обратиться к объекту jQuery? В уроке от tuts+ парень спокойно обращается и всё работает.

Да, я хочу сказать именно это. В уроке tuts+ парень обращается к jQuery только потому, что объект jQuery глобальный (т.е. был объявлен ранее). Объект jQuery объявляется глобальным на этапе создания, т.к. он является свойством window. А передают его в функцию для того, чтобы быть застрахованным от того, что кто-то переопределит функцию $.

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

[drack3800]

Объект jQuery объявляется глобальным на этапе создания, т.к. он является свойством window.

На этапе создания самого объекта? Насколько я понимаю, он создается при загрузке исходников jQuery на страничку? Можно поподробнее про создание и про window?!

[Great Rash]

Я выше давал ссылку, там про это написано.

[sitemaker999]

делает все переменные внутри (объявляемые через var) локальными (то есть работающими только внутри)

[Юля]

А эту функцию можно вставлять в $(document).ready() ? Или наоборот нельзя?

[wwt]

А эту функцию можно вставлять в $(document).ready() ? Или наоборот нельзя?

а зачем?

[Shift-Web]

Это называется IIFE(имидиетли инвоукед слеф экспресшн функшин, что значит самовызывыающаяся функция немедленного вызова). 

 

Тобишь она вызывает сама себя в контексте собственного анонимного замыкания как только будет прочитана интерпретатором. То есть вызов к ней писать не нужно.

 

Кстати, конктекст можно передавать любой, например:

(function(w) { console.log(w) })(window);

Edited November 30, 2015 by Shift-Web