JavaScript中怎么實(shí)現(xiàn)靜態(tài)作用域和動態(tài)作用域

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

JavaScript采用的是詞法作用域即靜態(tài)作用域；

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

在創(chuàng)建fn函數(shù)時的時候就已經(jīng)確定了它可以作用哪些變量，如果函數(shù)fn里面有變量a就直接操作變量a，

如果沒有就往上一級查找，這就是靜態(tài)作用域

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

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

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

ps：下面看下JavaScript之靜態(tài)作用域

作用域是指代碼中定義變量的區(qū)域。作用域規(guī)定了如何查找變量，也就是確定當(dāng)前代碼對變量的訪問權(quán)限。

靜態(tài)作用域和動態(tài)作用域

靜態(tài)作用域是指函數(shù)的作用域在函數(shù)定義時就已經(jīng)確定了，而動態(tài)作用域是指函數(shù)的作用域在運(yùn)行時才確定。下面是一段代碼：

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

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

常見的采用動態(tài)作用域的語言是bash。

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