关于(function( window, undefined ) {})(window)写法的理解

转载 2015年11月19日 15:14:22

JS 关于(function( window, undefined ) {})(window)写法的理解 [网络整理]

(function( window, undefined ) {})(window);
这个,为什么要将window和undefined作为参数传给它?

(function( $, undefined ) {})(jQuery); 同理

因为 ecmascript 执行JS代码是从里到外,因此把全局变量window或jQuery对象传进来,就避免了到外层去寻找,提高效率。undefined在老一辈的浏览器是不被支持的,直接使用会报错,js框架要考虑到兼容性,因此增加一个形参undefined。

还有,不要用window.undefined传递给形参,有可能window.undefined被其他人修改了,最好就是甚么都不传,形参的undefined就是真正的undefined了。

Js代码 : 
  1. var undefined = 8;  
  2. (function( window ) {   
  3.     alert(window.undefined); // 8  
  4.     alert(undefined); // 8  
  5. })(window);  

 

Js代码 : 
  1. var undefined = 8;  
  2. (function( window, undefined ) {   
  3.     alert(window.undefined);  // 8  
  4.     alert(undefined); // 此处undefined参数为局部的名称为undefined变量,值为undefined  
  5. })(window);  

区分上述两种方式:第一种每个语句都要去找一次window。第二种将window作为参数传递过去,是的不要每个语句都去找window,应该是提高了效率。 所以后者,就算外面的人把 undefined 定义了,里面的 undefined 依然不受影响。大概是为了最大程度防止外界的变量定义对所做封装的内部造成影响吧。

 原文参考自站长网http://www.software8.co/wzjs/Javascript/2525.html

Js代码:  
  1. //方式一  
  2. (function(undefined ) {  
  3.    window.property1 = ……;  
  4.    window.property2 = ……;  
  5.    ……  
  6. })();  
  7. //方式二  
  8. (function( window, undefined ) {  
  9.     ... // code goes here  
  10.   
  11. })(window);  
  12. //方式三  
  13. (function(undefined ) {  
  14.    var tmp = window;  
  15.    tmp.property1 = ……;  
  16.    tmp.property2 = ……;  
  17.    ……  
  18. })();  

方式一的效率明显最低,方式二和方式三应该差不多。将window作为参数传递进去就可以让代码里面的语句可以直接用参数中的window,而不用再去找最外层的对象。假如要在函数中为window再设置 100000个属性,用参数传递过去只需要找一次最外层对象。不用参数传递,用到window的语句都要去找一次最外层对象。

 

 

function ($, undefined){ })(jQuery)

 
规避用户对undefined进行定义,致使函数发生异常
 
(function ($, undefined){ })(jQuery)
如果用户
 
var undefined =xiaoyan;
(function ($, undefined){ })(jQuery) //这里就可以传个undefined的形参,避免上面的定义,只要没传值进去,undefined就不会被赋值

相关文章推荐

前段百科---JS中形如(function(window, undefined) {})(window)写法的理解

在Web开发过程中,往往会看到有人这样编写JS脚本: (function(window, undefined) { //do something })(window);可能有人会问:卧槽,这是...

jquery插件开发2之function( $, window, document, undefined ){}的理解

;(function( $, window, document, undefined ){}){ }(jquery,window,document)

query插件中(function ( $, window, document, undefined )的作用

在jquery插件中我们经常看到以下这段代码 ;(function ( $, window, document, undefined ){  //函数体内具体代码  })(jQuery, win...

(function (window, undefined){})(window)

(转)最常见的闭包 (Closure) 范式大家都很熟悉了: 123 (function() {// ...})(); 很简单,大家都在用。但是,我们需要了解更多。 首...

jQuery 1.4.4 中 function( window, undefined ) 写法原因(function( window, undefined ) {})(window);

最常见的闭包 (Closure) 范式大家都很熟悉了: 123 (function() {// ...})(); 很简单,大家都在用。但是,我们需要了解更多。 首先,闭...
  • gameWYD
  • gameWYD
  • 2011年12月07日 13:58
  • 3465

call和apply的第一个参数是null/undefined时函数内的的this指向window或global

转自 :http://www.cnblogs.com/snandy/archive/2012/03/01/2373243.html Snandy Stop, thinking is the...

【Get深一度】窗函数(window function)

窗函数(window function)   窗函数是频谱分析中一个重要的部分,窗函数修正了由于信号的非周期性并减小了频谱中由于泄露而带来的测量不准确性。 快速傅里叶变换假定了时间信号是周期...

关于JS的window.onload与$(function (){})方法区别,JS放在head和Body的区别

在调试页面的时候发现总找不到对象,总是报“undefined”。最后发现原来是JS位置的问题。 注意点一: 使用highcharts时jquery.min.js 文件必须放在highcharts....

$(document).ready(function() 总结以及和window.onload的区别

转载:http://www.cnblogs.com/MikeChen/articles/1795526.html 页面加载完成后开始运行do stuff when DOM is ready 中的语句...
  • wdt3385
  • wdt3385
  • 2012年12月04日 09:41
  • 850

用$(window).load(function(){...})而不用body.onload()的几个理由

首先它们都是在页面所有元素(包括html标签以及引用到得所有图片,Flash等媒体)加载完毕后执行的,这是它们的共同点. 不用body.Onload()理由1: 如果我们想同时加载多个函数,我们必...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于(function( window, undefined ) {})(window)写法的理解
举报原因:
原因补充:

(最多只允许输入30个字)