Пространство имен JavaScript в шаблоне модуля

Question

Я читал How Good C# Habits can Encourage Bad JavaScript Habits статью о создании namespace и модульном шаблоне, но я не понимаю причину использования $ и jQuery для создания пространства имен. Посмотрите на этот код:

(function(skillet, $, undefined) { 
    //Private Property 
    var isHot = true; 

    //Public Property 
    skillet.ingredient = "Bacon Strips"; 

    //Public Method 
    skillet.fry = function() { 
     var oliveOil; 

     addItem("\t\n Butter \n\t"); 
     addItem(oliveOil); 
     console.log("Frying " + skillet.ingredient); 
    }; 

    //Private Method 
    function addItem(item) { 
     if (item !== undefined) { 
      console.log("Adding " + $.trim(item)); 
     } 
    }  
}(window.skillet = window.skillet || {}, jQuery)); 

Почему отправка $ в качестве параметра и затем вызвать его с jQuery?

Answer 1

Когда вы загружаете библиотеку jQuery, она связывает два глобальных символа с ссылкой на главную функцию: «jQuery» и «$». Однако некоторые другие библиотеки также хотят использовать «$», поэтому jQuery предоставляет способ развязать «$» и восстановить его до того, что было до загрузки jQuery. Используя этот метод в вашем примере, вы можете использовать «$» в коде, независимо от того, относится ли глобальный «$» к jQuery.

редактировать — что очень статье вы ссылки объясняет это так же:

Второй аргумент, передаваемый [это] JQuery. Преимущество этого в том, что именованный параметр ссылается на $, что позволяет нам ссылаться на jQuery как $ в анонимной функции, не беспокоясь о том, что он будет конфликтовать с $, объявленным в других библиотеках JavaScript. Это обычная практика, с которой вы, скорее всего, столкнетесь, глядя на хорошо написанный код jQuery.