轉(zhuǎn)自：JavaScript深入之詞法作用域和動(dòng)態(tài)作用域
作用域：
作用域是指程序源代碼中定義變量的區(qū)域贷币。
作用域規(guī)定了如何查找變量属划，也就是確定當(dāng)前執(zhí)行代碼對(duì)變量的訪問權(quán)限。
JavaScript 采用詞法作用域(lexical scoping)，也就是靜態(tài)作用域泻蚊。
靜態(tài)作用域與動(dòng)態(tài)作用域：
因?yàn)?JavaScript 采用的是詞法作用域，函數(shù)的作用域在函數(shù)定義的時(shí)候就決定了涉茧。
而與詞法作用域相對(duì)的是動(dòng)態(tài)作用域状飞，函數(shù)的作用域是在函數(shù)調(diào)用的時(shí)候才決定的。
讓我們認(rèn)真看個(gè)例子就能明白之間的區(qū)別：
var value = 1;
function foo() {
console.log(value);
}
function bar() {
var value = 2;
foo();
}
bar();
// 結(jié)果是 ???
假設(shè)JavaScript采用靜態(tài)作用域狂打，讓我們分析下執(zhí)行過程：
執(zhí)行 foo 函數(shù)擂煞，先從 foo 函數(shù)內(nèi)部查找是否有局部變量 value，如果沒有趴乡，就根據(jù)書寫的位置对省，查找上面一層的代碼，也就是 value 等于 1晾捏，所以結(jié)果會(huì)打印 1蒿涎。
假設(shè)JavaScript采用動(dòng)態(tài)作用域，讓我們分析下執(zhí)行過程：
執(zhí)行 foo 函數(shù)惦辛，依然是從 foo 函數(shù)內(nèi)部查找是否有局部變量 value劳秋。如果沒有，就從調(diào)用函數(shù)的作用域，也就是 bar 函數(shù)內(nèi)部查找 value 變量玻淑，所以結(jié)果會(huì)打印 2嗽冒。
前面我們已經(jīng)說了，JavaScript采用的是靜態(tài)作用域补履，所以這個(gè)例子的結(jié)果是 1辛慰。
動(dòng)態(tài)作用域
也許你會(huì)好奇什么語言是動(dòng)態(tài)作用域？
bash 就是動(dòng)態(tài)作用域干像，不信的話帅腌，把下面的腳本存成例如 scope.bash，然后進(jìn)入相應(yīng)的目錄麻汰，用命令行執(zhí)行 bash ./scope.bash速客，看看打印的值是多少。
value=1
function foo () {
echo $value;
}
function bar () {
local value=2;
foo;
}
bar
思考題：
最后五鲫，讓我們看一個(gè)《JavaScript權(quán)威指南》中的例子：
var scope = "global scope";
function checkscope(){
var scope = "local scope";
function f(){
return scope;
}
return f();
}
checkscope();
var scope = "global scope";
function checkscope(){
var scope = "local scope";
function f(){
return scope;
}
return f;
}
checkscope()();
猜猜兩段代碼各自的執(zhí)行結(jié)果是多少溺职？
這里直接告訴大家結(jié)果，兩段代碼都會(huì)打游晃埂：local scope浪耘。
原因也很簡(jiǎn)單，因?yàn)镴avaScript采用的是詞法作用域塑崖，函數(shù)的作用域基于函數(shù)創(chuàng)建的位置七冲。
而引用《JavaScript權(quán)威指南》的回答就是：
JavaScript 函數(shù)的執(zhí)行用到了作用域鏈，這個(gè)作用域鏈?zhǔn)窃诤瘮?shù)定義的時(shí)候創(chuàng)建的规婆。嵌套的函數(shù) f() 定義在這個(gè)作用域鏈里澜躺，其中的變量 scope 一定是局部變量，不管何時(shí)何地執(zhí)行函數(shù) f()抒蚜，這種綁定在執(zhí)行 f() 時(shí)依然有效掘鄙。
但是在這里真正想讓大家思考的是：
雖然兩段代碼執(zhí)行的結(jié)果一樣，但是兩段代碼究竟有哪些不同呢嗡髓？
如果要回答這個(gè)問題操漠，就要牽涉到很多的內(nèi)容，詞法作用域只是其中的一小部分饿这，讓我們期待下一篇文章————《JavaScript深入之執(zhí)行上下文椬腔铮》。
