关于 jquery 的第二个参数 undefined

Dear 丶 2021-10-24 06:18 251阅读 0赞

在看jquery的源码时，看到定义时第二个参数名是undefined，思考了一下，得出结果： 原来是为了避免使用被污染的 window.undefined

测试如下：

console.log(window.undefined==undefined);

var a,b  
console.log(a);  
console.log(a==undefined);  
console.log(b==a);  
  
console.log('========以下代码在IE8及以下版本中可以执行成功，在IE9+及其它当前浏览器中undefine不能被赋值，会失败=======================');  
window.undefined = 'ha';  
console.log(a==undefined);  
undefined=a;  
console.log(a==b);  
console.log(undefined==b);

===============================================================

在jquery中我们见到window.undefined=window.undefined的写法，今日又在ext中见到window\["undefined"\]=window\["undefined"\]，对其写法非常不理解，将自身赋给自身有什么意义，在网上狂搜一番也没有明确的解释，后来看到ext注释写了这么一句：for old browsers，很明显是为了兼容老的浏览器，思虑半天，似乎有了些理解。

在较老的浏览器中，如IE5之前的浏览器，undefined并不是window对象的一个子对象，并不是一个已实现的系统保留字，而是代表一个未定义类型，除了直接赋值和typeof()之外，其它任何对undefined的操作都将导致异常。如果需要知道一个变量是否是undefined，只能采用typeof()的方法：如var v;if (typeof(v) == 'undefined') \{// ...\}。如果使用if(a==="undefined")则会报“undefined未定义”的错误。  
      因此为了兼容IE5及之前的浏览器，我们可以使用一些方法来解决这个问题。本文前面说到的就是其中一种方式。window.undefined=window.undefined;咋一看很难理解，写法有点bt，但理解一下就不觉得奇怪了，在较早的浏览器中因为window.undefined不存在所以会返回undefined，将此赋给等号前的window.undefined这样后面就可以直接使用if(a==="undefined")的判断方式了。在新版本的浏览器中window.undefined=undefined；因此不会造成什么负面影响。  
  
  除了使用window.undefined=window.undefined和window\["undefined"\]=window\["undefined"\]外，还有很多别的办法来实现对IE5及之前浏览器的兼容，如  
var undefined = void null;  //void函数永远返回undefined  
var undefined = function()\{\}();  
var undefined = void 0;  
只要等号后的表达式返回undefined即可。