对IIFE中(function(window,undefined){})(window)中为什么传递undefined的理解

Posted 2020-09-23

1.在函数中定义形参但没有传递实参就相当于定义了变量但未赋值，所以下面中的a就是undefined

1 function test(a){
2     console.log(a)//undefined
3 };
4 test();

 

2.在IIFE中，window作为实参传递进去，避免了执行代码时，每次都到全局中寻找window从而提高了效率，但是为什么形参中还要指定一个undefined呢，上面说过在函数中定义了形参就相当于定义了但不赋值，那在这个立即执行函数中undefinde还是undefined。所以即使在全局中修改了undefined的值，也不会影响这个自执行函数中的undefined，不过在chrome 59以上，firefox53以上undefined不被允许修改，输出的都是undefined。在ie8以下undefined的值能被修改，输出的是8和undefined，所以传递形参就能最大程度的保证了在各种浏览器中外部修改变量对函数内部的影响。IIFE前一定要有括号否则会报错。

1 //在ie8中
2 var undefined = 8;
3 (function( window , undefined ){
4     console.log(window.undefined) //8
5     console.log(undefined); //undefined
6 })(window);

//在chrome和Firefox中
var undefined = 8;
(function( window , undefined ){
    console.log(window.undefined) //undefined
    console.log(undefined); //undefined
})(window);