JavaScript的作用域鏈?zhǔn)窃诤瘮?shù)定義時(shí)確定還是在調(diào)用時(shí)?
問(wèn)題描述
看到如下的一個(gè)閉包問(wèn)題
var x=10;function fn() { console.log(x);}function show(f) { var x=20; (function() {f(); })();}show(fn);
打印的是10而不是20,x在取值時(shí)不是沿著作用域鏈向上尋找嗎,如果作用域鏈?zhǔn)窃诤瘮?shù)創(chuàng)建時(shí)確定結(jié)果就是10,如果是在調(diào)用時(shí)確定就應(yīng)該是20,有沒(méi)有關(guān)于作用域鏈準(zhǔn)確的說(shuō)法?這里準(zhǔn)確的作用域鏈應(yīng)該是什么樣的?fn和show處于同一級(jí)還是fn在show內(nèi)?
問(wèn)題解答
回答1:作用域鏈?zhǔn)窃诤瘮?shù)定義的時(shí)候確定的.
在函數(shù)內(nèi)定義的變量不能在函數(shù)之外的任何地方訪問(wèn),因?yàn)樽兞績(jī)H僅在該函數(shù)的域的內(nèi)部有定義。相對(duì)應(yīng)的,一個(gè)函數(shù)可以訪問(wèn)定義在其范圍內(nèi)的任何變量和函數(shù)。換言之,定義在全局域中的函數(shù)可以訪問(wèn)所有定義在全局域中的變量。在另一個(gè)函數(shù)中定義的函數(shù)也可以訪問(wèn)在其父函數(shù)中定義的所有變量和父函數(shù)有權(quán)訪問(wèn)的任何其他變量。
https://developer.mozilla.org...
回答2:作用域鏈?zhǔn)莿?dòng)態(tài)的,所以,在調(diào)用時(shí)確定。但是你的這個(gè)代碼中,閉包定義的function()是綁定的最外層的作用域function所申明的函數(shù)默認(rèn)是綁定的外層的作用域
(我也是在學(xué)習(xí)中。。。)
回答3:在函數(shù)創(chuàng)建的時(shí)候創(chuàng)建一個(gè)包含全局變量對(duì)象的作用域鏈,儲(chǔ)存在內(nèi)部[[Scope]]屬性中。函數(shù)執(zhí)行的時(shí)候會(huì)創(chuàng)建一個(gè)執(zhí)行環(huán)境,通過(guò)復(fù)制[[Scope]]屬性中的對(duì)象,構(gòu)建執(zhí)行環(huán)境的作用域鏈,并把自己的活動(dòng)對(duì)象推入該作用域鏈的前端以此形成完整的作用域鏈。[[Scope]]保存的是對(duì)全局變量的引用,而不是值的復(fù)制。
var a = 10;function f(){ console.log(a);};function foo(){ a = 20; f();};foo() // 20;回答4:
閉包的調(diào)用方式和下面效果等價(jià)的,下面舉得例子通過(guò)對(duì)比說(shuō)明了,作用域鏈?zhǔn)呛秃瘮?shù)定義時(shí)位置相關(guān)的。
var x=10;function fn(){ console.log(x);}function show() { var x=20; fn();}show(); //輸出10-----------------------var x=10;function show() { var x=20; function fn(){console.log(x); } fn();}show(); //輸出20
相關(guān)問(wèn)題鏈接補(bǔ)充。/q/10...。有關(guān)于作用域鏈的討論。
回答5:非嚴(yán)格模式任何IIFE的this指向都是window
以上文不對(duì)題。。。
相關(guān)文章:
1. 跟著課件一模一樣的操作使用tp6,出現(xiàn)了錯(cuò)誤2. PHP類(lèi)屬性聲明?3. angular.js - 這是什么錯(cuò)?誰(shuí)遇到過(guò)?給點(diǎn)提示4. transform - css3 translate 的水平垂直居中問(wèn)題求解5. angular.js - angular里的ui-view里,獲取當(dāng)前頁(yè)面的狀態(tài)參數(shù)用$state.params,在vue里類(lèi)似的語(yǔ)法是什么呢?6. javascript - 安裝了babel,不起作用7. vue.js - nginx怎么修改跨域配置?8. css - div外層有一圈白色9. node.js - 初次安裝vue-cli遇到的問(wèn)題10. 前端 - 應(yīng)該先從angularJS , vue.js , react 這些框架中的哪個(gè)開(kāi)始入手?
