Что означает (jQuery) после (function( $ )?

Question

[sorry_i_noob]

(function( $ ) {
  $.fn.myPlugin = function() {
      // Код плагина
  };
})(jQuery);

Что тут означает (jQuery) в конце? Зачем он нужен?

Comments

[Ярослав Иванов]

Ну в двух словах для экранирования доллара.

[sorry_i_noob]

Ярослав Иванов, что-то не понятно ничего. Можно поподробнее?

[Ярослав Иванов]

sorry_i_noob, js на каком уровне знаете ?

[sorry_i_noob]

Ярослав Иванов, я новичок в JS.

[Ярослав Иванов]

sorry_i_noob, тогда учите js ) learn.JavaScript.ru , Антон Шевчук / jQuery. Там все описано.

Answer 1

[Сергей delphinpro]

(function( ) {
})();

Вот эта конструкция называется "анонимная самовызываемая функция".

То есть, тут два действия:
Объявление анонимной функции

function( ) {
}

и сразу ее вызов
()()
Первые скобки это синтаксический приём для вызова анонимной функции. Есть и другие методы. Например
+function(){}()
Вторые скобки - это собственно вызов функции и при необходимости передача параметра (обычный вызов же)

()(jQuery) — в параметре передается jQuery

function($){} — а тут этот параметр объявлен и используется

(function($){})(jQuery) — итого, объявили анонимную функцию, и вызвали ее, передав параметром объект jQuery

Например, доллар у вас используется другой библиотекой, пусть MooTools.
Тогда вы запускаете jQuery в безконфликтном режиме

jQuery.noConflict();

Это значит, что доллар использоваться не будет, и объект будет доступен только по ссылке jQuery.

Но для удобства вы можете использовать анонимную функцию и безопасно использовать внутри неё переменную доллара

(function($){
  $('.slider').slick();
})(jQuery);

Чтобы стало совсем понятно, конструкцию можно переписать без анонимной функции

var myFunc = function($){
 // some code
}

myFunc(jQuery);

Answer 2

[bm1]

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

function myFunc( $ ) {
  $.fn.myPlugin = function() {
      // Код плагина
  };
}

myFunc(jQuery); // Вызываем функцию и передаём ей jQuery, теперь внутри функции мы можем спокойно обращаться к '$' и не бояться, что кто-то его переопределил

Answer 3

[Семён Белоглазов]

Здесь есть анонимная функция, которая принимает аргумент $ (который позже используется как обычный Jquery)
Далее эта функция самовызывается (это называется замыканием, если не ошибаюсь), и туда передается аргументом обьект Jquery.

Comments

[sorry_i_noob]

А за что в этих всех действиях отвечает собственно (jQuery) ?

[Сергей Горностаев]

sorry_i_noob, jQuery передаётся в качестве аргумента анонимной функции.