本文首發(fā)于我的博客
某天跟小伙伴聊到three.js的時(shí)候所遇坎弯。
話(huà)不多說(shuō)，當(dāng)時(shí)拋給我的代碼如下
var d = new function(){
return new String('圓心')
}
console.log(d)
問(wèn)我返回是什么桦锄。
而當(dāng)時(shí)這個(gè)d第一反應(yīng)就是返回這個(gè)
? (){
return new String('圓心')
}
因?yàn)橹皇禽敵鰀而不是d()。就認(rèn)為它沒(méi)有運(yùn)行蔫耽。
而事實(shí)返回的是
String {0: "圓", 1: "心", length: 2, [[PrimitiveValue]]: "圓心"}
出現(xiàn)這種錯(cuò)誤想法的原因就是對(duì)new function這種匿名函數(shù)表達(dá)式的立即調(diào)用不熟悉
其中聲明String對(duì)象的方式與這個(gè)效果無(wú)關(guān)结耀，以后再說(shuō)
那么今天就趁機(jī)查漏補(bǔ)缺一下
我們平時(shí)寫(xiě)立即執(zhí)行函數(shù)幾乎都是
(function(){
//something
})()
(function(){
//something
}())
var f = function() {}();
//這種可能比較少，但也是可以運(yùn)行的
[function(){
//something
}()];
而有些情況下也會(huì)更炫酷的利用一些一元運(yùn)算符來(lái)告訴解析器來(lái)直接執(zhí)行
~ function() {}(); //我個(gè)人比較喜歡這種= =
! function() {}();
+ function() {}();
- function() {}();
上面文中的是這種
new function() {};
而其實(shí)下面這些也都是可以直接執(zhí)行的
delete function() {}();
typeof function() {}();
void function() {}();
new function() {}();
1, function() {}();
1 ^ function() {}();
1 > function() {}();
說(shuō)了這么多匙铡，用是都能拿來(lái)用了图甜，但是他們有個(gè)共同點(diǎn)不知道你們發(fā)現(xiàn)沒(méi)有。
就是所有能立即執(zhí)行的函數(shù)鳖眼，前面都會(huì)有其他東西黑毅，而不是直接function(){}()這種樣子。
那是因?yàn)槿绻苯右?/code>function`開(kāi)頭钦讳。這算是函數(shù)聲明矿瘦。而函數(shù)聲明是必須有標(biāo)識(shí)符做為函數(shù)名稱(chēng)的。也就是必須要有函數(shù)名
那按照這個(gè)說(shuō)法愿卒，缚去，是不是function g(){}()，這樣就可以了呢琼开？
No易结、No、No柜候。這種寫(xiě)法function g(){}是對(duì)的搞动，聲明了一個(gè)函數(shù)g，但是函數(shù)聲明末尾是不能跟()的渣刷。這樣()會(huì)被當(dāng)做括號(hào)運(yùn)算符執(zhí)行鹦肿。
代碼執(zhí)行如下
function g(){
console.log("111")
}()
// Uncaught SyntaxError: Unexpected token )
function g(){
console.log("111")
}(1132141)
// 1132141
其實(shí)這里面還有可以深挖的，只是目前水平有限辅柴，業(yè)務(wù)為重狮惜，秉著28原理以后理解更深刻了再行挖掘
