問(wèn)題描述

+function foo(){foo=10;//我的問(wèn)題代碼 console.log(foo);//方法自己}();console.log(typeof foo);//undefined 觀察是否全局污染

我想問(wèn) 函數(shù)foo內(nèi)部對(duì)foo再賦值的這個(gè)10去哪了,還有同名函數(shù)foo是如何阻止全局污染的,求解求擴(kuò)展

問(wèn)題解答

題主能問(wèn)這個(gè)，可以的．不過(guò)這題能通過(guò)自己實(shí)踐解決掉．．．

首先題主對(duì)于IIFE的寫(xiě)法沒(méi)問(wèn)題，IIFE的寫(xiě)法好多，常見(jiàn)的就是@ewind說(shuō)的這個(gè)和：

(function(){}())

還有不常見(jiàn)的：

!function(){ /* code */ }();~function(){ /* code */ }();-function(){ /* code */ }();+function(){ /* code */ }();

然后再說(shuō)代碼：在函數(shù)里給當(dāng)前函數(shù)名賦值時(shí)：foo = 10; 無(wú)效．（贊同@ewind，這里會(huì)忽略，應(yīng)該有更合理的說(shuō)法．）JS解析器會(huì)忽略掉它．我在Chrome控制臺(tái)執(zhí)行的結(jié)果是：

function foo(){ foo=10;//我的問(wèn)題代碼 console.log(foo);//方法自己}undefined// 上面typeof foo的結(jié)果

這就證明了上面我說(shuō)的忽略．然后因?yàn)镮IFE模擬了塊作用域，外部環(huán)境訪問(wèn)不了內(nèi)部的變量．所以就是undefined.

＠ewind說(shuō)因?yàn)閒oo是匿名函數(shù)然后怎樣怎樣．明顯概念搞混了．foo函數(shù)并不是匿名函數(shù)．

function [name]([param] [, param] [..., param]) { statements }name函數(shù)名，可以省略。當(dāng)省略函數(shù)名的時(shí)候，該函數(shù)就成為了匿名函數(shù)。

MDN

首先，貼出的代碼是不完整的。完整版應(yīng)該是這樣

(function foo(){ foo = 10 console.log(foo) // [Function: foo]})();console.log(typeof foo) // undefined

這確實(shí)看起來(lái)比較反直覺(jué)，因?yàn)闆](méi)有采用 var 聲明的 foo 并沒(méi)有污染全局作用域。

但如果函數(shù)內(nèi)聲明的變量名不是 foo，就很符合直覺(jué)了，如下：

var bar = 1;(function foo(){ bar = 10})();console.log(typeof foo) // undefinedconsole.log(bar) // 10

所以為什么函數(shù)內(nèi)聲明的變量和函數(shù)名同名時(shí)，會(huì)發(fā)生問(wèn)題呢？可以看這個(gè)示例：

(function foo(){ console.log(foo) // [Function: foo] console.log(arguments.callee) // [Function: foo] console.log(foo === arguments.callee) // true})();

在立即執(zhí)行的函數(shù)帶有 foo 這一函數(shù)名后，調(diào)用時(shí)的 arguments.callee 其實(shí)就是對(duì) foo 的引用了。比較二者可以發(fā)現(xiàn)此時(shí) foo 就是函數(shù)對(duì)象。此時(shí)賦值操作并不能生效，遇到未加 var 聲明的 foo 變量時(shí)，解釋器查找到的也是這個(gè)函數(shù)對(duì)象，從而不會(huì)在全局作用域下產(chǎn)生污染。