Lexical Scope - 詞法作用域

作用域有兩種常見的模型，一種叫做 詞法作用域 Lexical Scope，一種叫做動態(tài)作用域 Dynamic Scope。其中詞法作用域更常見，被大多數(shù)語言采用，包括javascript。

詞法分析

詞法分析過程Lex-time，是指系統(tǒng)講源碼字符串解讀成有含義的token的過程。詞法作用域就是說在詞法分析過程中指派的作用域，詞法作用域在詞法解析過程中就已經(jīng)定死了。

依然有一些手段能在詞法解析之后改變詞法作用域，但這些做法并不推薦。使用關(guān)鍵詞eval, with,會產(chǎn)生性能問題。

考慮如下代碼：

• 氣泡（作用域） 1 ：即全局作用域，包含變量foo
• 氣泡（作用域） 2 ：foo的作用域，包含變量a,bar,b
• 氣泡（作用域） 3 ：bar的作用域，包含變量c

bar 作用域里完整的包含了foo 的作用域, 因?yàn)閎ar 是在foo中定義的，產(chǎn)生嵌套作用域。值得注意的是，一個函數(shù)作用域只有可能存在于一個父級作用域中，不會同時存在兩個父級作用域。

過程

語句console.log尋找變量a,b,c 其中c在自己的作用域中找到，a，b在自己的作用域中找不到，于是向上級作用域中查找，在foo的作用域中找到，并且調(diào)用。作用域向上查找的過程中，匹配第一次查找到的變量，也就是說如果foo的作用域中也定義了c，但bar函數(shù)只調(diào)用自己作用域里的c。

作用域的查找一直會找到全局作用域的全局對象，比如瀏覽器中的window，你可以定義window.a來確保變量a可以被獲取。

詞法作用域向上查找只查找第一級變量，比如變量foo.bar.baz, 查找的是對象foo,查找到了再從對象里獲取bar以及baz，查找本身與bar，baz無關(guān)。

動態(tài)作用域 Dynamic Scope

動態(tài)作用域，javascript并無采用，但是與js的 this機(jī)制非常相似，看如下代碼：
動態(tài)作用域是在代碼運(yùn)行時定義的，而非代碼解析時。

function foo() {
    console.log( a ); 
}
function bar() {
    var a = 3;
    foo();
}
var a = 2;
bar();

bar調(diào)用，bar里面foo被調(diào)用，foo函數(shù)需要查找變量a，由于javascript采用詞法作用域，foo被解析的時候是在全局作用域，所以a是全局作用域中的2，而非bar里面的a。假設(shè)js采用的是動態(tài)作用域，foo是在bar中被調(diào)用的，所以a查找到了bar作用域里的3。

作為對照，動態(tài)作用域不關(guān)心它本身是怎樣在哪里聲明的，只關(guān)心它在哪里調(diào)用的，動態(tài)作用域的域鏈基于調(diào)用棧，而不是代碼中的嵌套關(guān)系。

相反，詞法作用域關(guān)心的是函數(shù)在哪里聲明的，動態(tài)作用域的概念和js中的this相同，this也關(guān)心函數(shù)在哪里調(diào)用的。

以上就是JS 詞法作用域及兩種常見的模型詳解的詳細(xì)內(nèi)容，更多關(guān)于JS 詞法作用域模型的資料請關(guān)注腳本之家其它相關(guān)文章！

最新評論