Что означает контрукция типа “(function(d){ ... })(document)”

Question

[Cake_Seller]

Неоднократно встречал подобную контструкцию:

(function (d) {

    // Какой-то код

})(document);

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

Вот конкретный пример — маленькая Javascript утилита, которая далает так, чтобы в IE можно было задавать стили HTML5 элементам (таким как section, header, article и прочие; по умолчанию стили для этих элементов в IE будут игнорироваться). В этом скрипте используется следующая конструкция:

(function (p, e) {
    // Какой-то код
})(this, document);

В этом примере помимо аргумента document ещё в добавок передаётся аргумент this, в котором, как я понимаю, хранится объект Window. Кто может мне подсказать зачем замкнутым функциям передавать в качастве аргуметов Document и Window?

Answer 1

[apangin]

1. Чтобы ограничить область видимости, т.е. избежать глобальных переменных.
2. Чтобы сократить запись обращения к объекту.
3. Как частный случай 1го и 2го, чтоб не допустить конфликта имен. Например, при использовании jQuery часто пишут

    (function($) {
        ...
    })(jQuery);

Благодаря этому в скрипте можно использовать сокращенную запись типа $(xxx), даже если идентификатор $ определен где-то еще, например, в MooTools.

P.S. И это, кстати, не замыкание.

Comments

[Mithgol]

Предупреждая дополнительный вопрос «А если это не замыкание, то что это такое?», сразу скажу, что перед нами вызов свежеопределённой анонимной функции.

[Mithgol]

В частности, в статье англоязычной Википедии о замыканиях пишут:

The term closure is often mistakenly used to mean anonymous function. This is probably because most languages implementing anonymous functions allow them to form closures and programmers are usually introduced to both concepts at the same time. These are, however, distinct concepts.

[Алексей Журбицкий]

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

[Kir ---]

Кстати, разве возможен быть конфликт имен с document?
Я понимаю, что так делают для передачи объектов, аля function( $ ), function( opera ), но с document зачем?
Дань моде?
Если же хотят сделать все однообразно, тогда нужно передавать (function( document ){})( document ), иначе резко снижается читабельность.

[Mithgol]

В данном случае конфликт имён возможен не с document, а с d, не с jQuery, а с $, и так далее.

Вызов анонимной функции, параметр которой является сокращением имени внешнего объекта, позволяет одновременно достигнуть двух целей:

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

Answer 2

[B@rmaley.e><e]

Ну можно сэкономить пару байт.

Comments

[Cake_Seller]

Т.е. вы хотите сказать что document передаётся в качестве аргумента только для того, чтоб потом к нему обращаться не через «document», а через «e»?

[B@rmaley.e><e]

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

[Cake_Seller]

Спасибо.

[vittore]

конкретно случае этой утилиты — это такое сжатие яваскрипт кода

Answer 3

[Антон Корзунов]

По мне так это обычное капсулирование функционала.
А на вход вы можете подать любую переменную, например документ ифрейма а не свой — функции будет как-то фиолетово