詞法作用域簡稱 靜態(tài)作用域
Javascript 采用的就是詞法作用域,也就是靜態(tài)作用域,函數(shù)作用域在函數(shù)定義的時候就確定了。
動態(tài)作用域:在函數(shù)調(diào)用的時候才決定的。
var value = 1;
function foo() {
console.log(value);
}
function bar() {
var value = 2;
foo();
}
bar();// 結(jié)果是 ???
輸出結(jié)果是: 1
假設(shè)JavaScript采用靜態(tài)作用域,讓我們分析下執(zhí)行過程:
執(zhí)行 foo 函數(shù),先從 foo 函數(shù)內(nèi)部查找是否有局部變量 value,如果沒有,就根據(jù)書寫的位置,查找上面一層的代碼,也就是 value 等于 1,所以結(jié)果會打印 1。
假設(shè)JavaScript采用動態(tài)作用域,讓我們分析下執(zhí)行過程:
執(zhí)行 foo 函數(shù),依然是從 foo 函數(shù)內(nèi)部查找是否有局部變量 value。如果沒有,就從調(diào)用函數(shù)的作用域,也就是 bar 函數(shù)內(nèi)部查找 value 變量,所以結(jié)果會打印 2。
前面我們已經(jīng)說了,JavaScript采用的是靜態(tài)作用域,所以這個例子的結(jié)果是 1。
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
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é)果: 都是 local scope, Javascript 采用是靜態(tài)作用域,函數(shù)定義的時候就確定了
而引用《JavaScript權(quán)威指南》的回答就是:
JavaScript 函數(shù)的執(zhí)行用到了作用域鏈,這個作用域鏈?zhǔn)窃诤瘮?shù)定義的時候創(chuàng)建的。嵌套的函數(shù) f() 定義在這個作用域鏈里,其中的變量 scope 一定是局部變量,不管何時何地執(zhí)行函數(shù) f(),這種綁定在執(zhí)行 f() 時依然有效。