靜態(tài)作用域 (詞法作用域) 和 動態(tài)作用域
下面的例子可以幫助理解
var value = 1;
function foo() {
console.log(value);
}
function bar() {
var value = 2;
foo();
}
bar();
- 假設(shè) JavaScript 采用 靜態(tài)作用域构舟，函數(shù)執(zhí)行如下
執(zhí)行 foo 函數(shù)，先從 foo 函數(shù)內(nèi)部查找是否有局部變量 value，如果沒有，就根據(jù)書寫的位置，查找上面一層的代碼茸塞，也就是 value 等于 1，所以結(jié)果會打印 1查剖。 - 假設(shè) JavaScript 采用 動態(tài)作用域钾虐，函數(shù)執(zhí)行如下
執(zhí)行 foo 函數(shù)，依然是從 foo 函數(shù)內(nèi)部查找是否有局部變量 value笋庄。如果沒有效扫，就從調(diào)用函數(shù)的作用域，也就是 bar 函數(shù)內(nèi)部查找 value 變量直砂，所以結(jié)果會打印 2菌仁。 - 因為 JavaScrip 使用的是靜態(tài)作用域，所以結(jié)果會打印 1
下面兩個例子可以更好的理解 JavaScrip 的作用域
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()();
結(jié)果是兩段代碼都會打泳苍荨：local scope济丘。
這是因為 JavaScript 函數(shù)的執(zhí)行用到了作用域鏈，這個作用域鏈是在函數(shù)定義的時候創(chuàng)建的籍嘹。嵌套的函數(shù) f() 定義在這個作用域鏈里，其中的變量 scope 一定是局部變量弯院，不管何時何地執(zhí)行函數(shù) f()辱士，這種綁定在執(zhí)行 f() 時依然有效。
簡單的說听绳，因為JavaScript采用的是詞法作用域颂碘，函數(shù)的作用域基于函數(shù)創(chuàng)建的位置。
