JavaScript中怎么實現靜態作用域和動態作用域

這篇文章將為大家詳細講解有關JavaScript中怎么實現靜態作用域和動態作用域，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

JavaScript采用的是詞法作用域即靜態作用域；

// 靜態作用域：
var a = 10;
function fn() {
  var b = 1;
  console.log(a + b);
}
fn(); // 11

在創建fn函數時的時候就已經確定了它可以作用哪些變量，如果函數fn里面有變量a就直接操作變量a，

如果沒有就往上一級查找，這就是靜態作用域

// 動態作用域：
function foo() {
  console.log(a);
}
function bar() {
  var a = 3;
  foo();
}
var a = 2;
bar(); // 2;

bar 調用，bar里面foo被調用，foo函數需要查找變量a，由于JavaScript是詞法作用域(即靜態作用域)，foo被解析時在全局作用域.

所以只能在全局作用域中找a,輸出結果為2，而非bar作用域中的a。如果js采用的時動態作用域，那么foo在bar中調用，就會先在bar中查詢a,輸出為3。

ps：下面看下JavaScript之靜態作用域

作用域是指代碼中定義變量的區域。作用域規定了如何查找變量，也就是確定當前代碼對變量的訪問權限。

靜態作用域和動態作用域

靜態作用域是指函數的作用域在函數定義時就已經確定了，而動態作用域是指函數的作用域在運行時才確定。下面是一段代碼：

var value = 1;
function foo() {
    console.log(value);
}
function bar() {
    var value = 2;
    foo();
}
bar();

如果這段代碼使用靜態作用域的方式訪問變量，那么執行foo()函數時，首先查看函數內是否存在局部變量value的定義，如果沒有，則查找之前的代碼，也就是var value = 1;，查找到了value的定義為1，因此輸出1。
如果這段代碼使用動態作用域的方式訪問變量，那么執行foo()函數時，首先依舊從函數內部查找是否存在局部變量value的定義，如果沒有，那么從調用方bar()函數的作用域中查找，找到了var value = 2;，因此輸出2。
JavaScript采用靜態作用域的方式訪問變量，因此這個例子輸出為1。

常見的采用動態作用域的語言是bash。

關于JavaScript中怎么實現靜態作用域和動態作用域就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。