JavaScript靜態(tài)作用域和動態(tài)作用域實例詳解
靜態(tài)作用域指的是一段代碼,在它執(zhí)行之前就已經確定了它的作用域,簡單來說就是在執(zhí)行之前就確定了它可以應用哪些地方的作用域(變量)。
動態(tài)作用域–函數的作用域是在函數調用的時候才決定的
JavaScript采用的是詞法作用域即靜態(tài)作用域;
// 靜態(tài)作用域: var a = 10; function fn() { var b = 1; console.log(a + b); } fn(); // 11
在創(chuàng)建fn函數時的時候就已經確定了它可以作用哪些變量,如果函數fn里面有變量a就直接操作變量a,
如果沒有就往上一級查找,這就是靜態(tài)作用域
// 動態(tài)作用域: function foo() { console.log(a); } function bar() { var a = 3; foo(); } var a = 2; bar(); // 2;
bar 調用,bar里面foo被調用,foo函數需要查找變量a,由于JavaScript是詞法作用域(即靜態(tài)作用域),foo被解析時在全局作用域.
所以只能在全局作用域中找a,輸出結果為2,而非bar作用域中的a。如果js采用的時動態(tài)作用域,那么foo在bar中調用,就會先在bar中查詢a,輸出為3。
ps:下面看下JavaScript之靜態(tài)作用域
作用域是指代碼中定義變量的區(qū)域。作用域規(guī)定了如何查找變量,也就是確定當前代碼對變量的訪問權限。
靜態(tài)作用域和動態(tài)作用域
靜態(tài)作用域是指函數的作用域在函數定義時就已經確定了,而動態(tài)作用域是指函數的作用域在運行時才確定。下面是一段代碼:
var value = 1;
function foo() {
console.log(value);
}
function bar() {
var value = 2;
foo();
}
bar();
如果這段代碼使用靜態(tài)作用域的方式訪問變量,那么執(zhí)行foo()函數時,首先查看函數內是否存在局部變量value的定義,如果沒有,則查找之前的代碼,也就是var value = 1;,查找到了value的定義為1,因此輸出1。
如果這段代碼使用動態(tài)作用域的方式訪問變量,那么執(zhí)行foo()函數時,首先依舊從函數內部查找是否存在局部變量value的定義,如果沒有,那么從調用方bar()函數的作用域中查找,找到了var value = 2;,因此輸出2。
JavaScript采用靜態(tài)作用域的方式訪問變量,因此這個例子輸出為1。
常見的采用動態(tài)作用域的語言是bash。