0

我正在编写一个全局 javascript 函数。在一些错误（以及这里的一些搜索）之后，我得到了它的工作。但我也看到了一个例子 (function($){ code here }(jQuery);

有什么区别（如果有的话），选项1和2之间有什么优势吗？两者都很好地完成了我的任务。我只是想了解其中的区别。

选项1

(function($){

     TEAM={
        getQB: function( success, failure) {
             var user=USER.user_data.login.toUpperCase();
             $.ajax({
             type: "GET",
             url: "/nfl/getQB?username="+user,
             dataType: 'json',
            async: false,
            success: success,
            error: failure,
             timeout: 6000
              });

           },
         getRB: function( success, failure )
            {
                 userx=USER.user_data.login.toUpperCase();
                   $.ajax({
             type: "GET",
             url: "/nfl/getRB?username="+userx,
             dataType: 'json',
            async: false,
            success: success,
            error: failure,
            timeout: 6000
                    });

            }
     }

})(jQuery);

选项 #2

    var TEAM={
        getQB: function( success, failure) {
             var user=USER.user_data.login.toUpperCase();
             $.ajax({
             type: "GET",
             url: "/nfl/getQB?username="+user,
             dataType: 'json',
            async: false,
            success: success,
            error: failure,
             timeout: 6000
              });

           },
         getRB: function( success, failure )
            {
                 userx=USER.user_data.login.toUpperCase();
                   $.ajax({
             type: "GET",
             url: "/nfl/getRB?username="+userx,
             dataType: 'json',
            async: false,
            success: success,
            error: failure,
            timeout: 6000
                    });

            }
     }
4

2 回答 2

2

选项1

(function($){ code here })(jQuery)是一个立即调用的函数表达式。它为在其中声明的变量提供了一个临时范围。因此，在这种情况下，您传递的引用JQuery将$仅在该代码块内访问。

jQuery.noConflict(); //Remove assignment to $

(function($){
  console.log($); //jQuery function 
})(jQuery)

console.log($); //undefined
console.log(jQuery); //jQuery function

选项 2

如果您的代码不在函数范围内，它会附加TEAM到window对象。这会污染全局命名空间，并且可能会导致未来出现问题。想象一下，如果有人在全局中创建了另一个具有相同名称的对象/函数。根据您的代码，您TEAM可以被覆盖。

然后首选选项 1，这样您就可以避免命名空间冲突。

于 2013-09-09T21:19:01.453 回答
0

在第一个选项中，您确定使用 jQuery，因为您将它作为闭包的参数传递。在第二个选项中，您可能还有其他东西支持$。

于 2013-09-09T21:16:13.143 回答