js自執行函數的常見寫法

2016-12-20 20:02:26

1.關於自執行函數

　　1.1 寫自執行函數的好處：獨立的作用域，不會污染全局環境

(function() {
    	
})();

　　1.2 理解重點：函數的自執行過程

　　1.3 參考書籍：JS高級程序設計指南

　　1.4 給自執行函數加參數的好處：對於當前作用域中，如果將window傳入，就不用依賴全局對象了，一直控制在局部作用域

(function(window,document) {
    var div=document.getElementById('div');
})(window,document);

2.JS自執行函數的常見寫法

　　2.1 進行賦值操作的方式

var a=function(){
　　console.log('test');
}();

　　2.2 給函數體加小括號的方式

(function aaa() {
    console.log('test');
})();

　　2.3 在函數體前加邏輯運算符的方式 eg：

!function() {
    console.log('test');
}();

　　2.4 在函數體前加數學運算符的方式 eg：

+function () {
    console.log('test');
}();

3.相關面試題：

var btn=document.getElementById('btn');

btn.onclick=function(){
    console.log(111);
}(function() {console.log(222);})
    

();

　　注意，btn函數后不加;自執行函數會報錯。會將后面的自執行函數體當成btn函數的對象