                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript深入淺出

為什么function 前要加個(gè)！

!function(){

????var localData = "localData here";

????document.addEventListener('click',

????????function(){

????????????console.log(localData);

});

}();

chenzhicai

2016-02-01

源自：JavaScript深入淺出 7-1

關(guān)注問題我要回答

796

操作

收起

2 回答

stevesasuke 回答被采納 +3 積分
2016-02-12

這個(gè)問題老師回答過了...http://idcbgp.cn/qadetail/70621

不僅可以用!，還可以用+, -, ~都可以。
解釋器在解釋一個(gè)語句時(shí)，如果以function開頭，就會(huì)理解為函數(shù)聲明。
而前面加一個(gè)!可以讓解釋器理解為函數(shù)表達(dá)式，這樣就可以立即調(diào)用了。
例如：
!funciton() {
}();

而省略了!的話：
function() {
}();

就會(huì)理解為函數(shù)聲明，而函數(shù)聲明沒有名字會(huì)報(bào)錯(cuò)。如果有函數(shù)名：
function f() {
}();

還是會(huì)報(bào)錯(cuò)，因?yàn)閒unction f(){}函數(shù)聲明會(huì)被前置，相當(dāng)于：
function f(){}

(); // 這里報(bào)錯(cuò)

3 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

chenzhicai 提問者

非常感謝！

2016-02-14 回復(fù) 有任何疑惑可以回復(fù)我~

#2

newBegining

請(qǐng)問為什么一開始的 function outer() var localval=30 return function(){ return localval } } var func=outer() func(); 請(qǐng)問這里面的 function(){ return localval } 為什么不用加函數(shù)名？這個(gè)算函數(shù)聲明嗎？？

2016-05-08 回復(fù) 有任何疑惑可以回復(fù)我~

#3

FDU_XN 回復(fù) newBegining

這個(gè)不是匿名函數(shù)的嗎

2016-05-20 回復(fù) 有任何疑惑可以回復(fù)我~