Почему (function($){…})(jQuery)?

Question

[lagaca]

Почему принято писать:

(function($) {
  $.fn.mySimplePlugin = function(){
     // код плагина ...
     return this;
  };
})(jQuery);

А не:

$.fn.mySimplePlugin = function($){
     // код плагина ...
     return this;
  };

В гугле написано, что первый вариант изолирует $ и позволят возвращать this. Но ведь и второй это делает. Но при этом короче.

Comments

[yogurt1]

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

Answer 1

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

Конструкция (function($){…})(jQuery) изолирует пространство имён плагина. Это гарантия того, что плагин не затрёт чужую переменную, например.

Comments

[lagaca]

любая функция изолирует пространство имен. Если во втором варианте написать var abc = 1; то оно не перезатрет внешнюю var abc = 3;

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

lagaca: $ не изолирована.

[lagaca]

Сергей Горностаев: Изолирована: https://jsfiddle.net/0r0b1yfp/

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

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

Answer 2

[GreatRash]

На тот случай если какой-то другой код переопределит переменную $, переопределить переменную jQuery типа сложнее (т.е. это можно сделать только намеренно).

Comments

[lagaca]

Теперь понял. Спасибо.