JavaScript的作用域模型采用的是詞法作用域

詞法階段

之前說過，詞法階段就是編譯器的第一個(gè)編譯階段詞法化。
那么，簡(jiǎn)單來說，詞法作用域就是定義在詞法階段的作用域。
換句話說，詞法作用域就是由你在編寫代碼的時(shí)候把變量和塊作用域?qū)懺谀睦飦頉Q定的
（這一點(diǎn)和動(dòng)態(tài)作用域形成對(duì)比）

查找

作用域查找，始終從運(yùn)行時(shí)候所處的作用域，逐層向上查找，直到遇見*第一個(gè)*匹配的標(biāo)識(shí)符。

無論函數(shù)在那里被調(diào)用，如何調(diào)用，它的詞法作用域

欺騙詞法作用域

• 既然詞法作用域完全由編寫時(shí)來決定，那我們有什么辦法在運(yùn)行時(shí)來'修改'詞法作用域呢？

eval()

function fn1(str, b) {
    eval(str);
    console.log(a, b);
}
var a = 3;
fn1("var a = 1", 2);// 1, 2
eval會(huì)把內(nèi)部的字符串，直接解析成在編譯時(shí)就寫上的代碼。
所以相當(dāng)于fn1內(nèi)部直接聲明了a，
欺騙了詞法作用域，不會(huì)再去上級(jí)作用域查找。

在嚴(yán)格模式下，eval有自己的詞法作用域，意味著其中的聲明不能改變所在的作用域。

with

var obj = {
    a : 1
}
with(obj) {
  a = 2;
  b = 3;
}
with函數(shù)接受一個(gè)對(duì)象給屬性a賦值為2，b屬性賦值失敗，obj.b會(huì)報(bào)undefined
with函數(shù)做的事情是這樣的，把對(duì)象obj的詞法作用域單獨(dú)拿出來。
把obj屬性當(dāng)做標(biāo)識(shí)符。
為a賦值的時(shí)候，LHS查詢到a，正常賦值。
為b賦值的時(shí)候，LHS查詢不到，在全局作用域下聲明了一個(gè)b，賦值為3.
所以console.log(obj.b)//undefined
console.log(b)//3

性能

• eval和with未做編譯器優(yōu)化，速度慢。
• 讀取字符串作為代碼，很危險(xiǎn)。