javascript作用域的有序性

1fe1se 發(fā)布于2019-08-20 18:23 / 2321人閱讀

摘要：如果是嵌套的作用域的話，這些嵌套作用域會(huì)通過(guò)作用域鏈把嵌套作用域聯(lián)系在一起。全局沒(méi)有則報(bào)錯(cuò)但是上級(jí)作用域沒(méi)法通過(guò)作用域鏈訪問(wèn)下級(jí)作用域。通過(guò)作用域鏈能讓引擎對(duì)執(zhí)行環(huán)境里所有有權(quán)訪問(wèn)的變量和函數(shù)進(jìn)行有序訪問(wèn)。

一為什么要有作用域

我們知道，變量對(duì)于程序來(lái)說(shuō)是至關(guān)重要的，如果沒(méi)有變量存儲(chǔ)和訪問(wèn)值，整個(gè)程序會(huì)受到限制。那么問(wèn)題來(lái)了，既然程序這么需要變量，那么它到底是怎么樣去存儲(chǔ)變量和使用變量的呢？存儲(chǔ)變量這里暫且不提，到時(shí)候會(huì)有專(zhuān)門(mén)一篇博客來(lái)說(shuō)明這個(gè)問(wèn)題。我們這次說(shuō)的主要就是如何去使用變量。這就要牽扯到我們今天的主題作用域上面了。
概括的來(lái)說(shuō)，作用域就是一套能讓你有序訪問(wèn)變量的規(guī)則。（注意有序很重要）javascript中只有函數(shù)能封閉作用域（let函數(shù)也能綁定一個(gè)塊級(jí)作用域,這里先不做討論).

二作用域的有序性

來(lái)看下面一個(gè)例子

function foo (a) {
  var b = a * 2
  function bar (c) {
    console.log(a, b, c)
  }
  bar(b * 3)
  console.log(c)
}
foo(2)

（1）foo函數(shù)內(nèi)部會(huì)形成一個(gè)作用域
（2）bar函數(shù)內(nèi)部會(huì)形成一個(gè)作用域
（3）有一個(gè)全局的作用域
我們前面說(shuō)過(guò)，作用域是一套能讓你有序訪問(wèn)變量的規(guī)則，那么上述代碼運(yùn)行的時(shí)候，作用域是怎么樣訪問(wèn)變量的呢？來(lái)看看下面的示意圖。

，一個(gè)是函數(shù)bar的作用域，一個(gè)是函數(shù)foo的作用域，一個(gè)是全局的作用域。并且這三個(gè)作用域是嵌套的。
（1）bar作用域中有一個(gè)變量c
（2）foo作用域中有三個(gè)變量a,b,bar
（3）全局作用域中有一個(gè)變量foo
我們來(lái)看看上面代碼的運(yùn)行過(guò)程，首先執(zhí)行最外層的foo(2)，foo在調(diào)用棧調(diào)用bar,bar執(zhí)行。但是注意bar內(nèi)部的執(zhí)行語(yǔ)句為
console.log(a,b,c)
我們前面已經(jīng)說(shuō)過(guò)，bar作用域中只有變量c，那么上述語(yǔ)句是否會(huì)出現(xiàn)錯(cuò)誤呢，答案是不會(huì)。上述代碼會(huì)正常輸出。那么為什么會(huì)這樣呢？答案就是代碼在運(yùn)行的過(guò)程中有一個(gè)作用域鏈能作用域給串起來(lái)。如下圖

內(nèi)部的作用域可以訪問(wèn)外部作用域的變量。所以bar函數(shù)在執(zhí)行console.log(a,b,c)時(shí)，在當(dāng)前作用域中如果沒(méi)有找到a,b變量，它會(huì)順著作用域鏈往上找，在上層作用域foo中找到了a,b變量，它就會(huì)使用上層作用域a,b的值。如果上層作用域還是沒(méi)有a,b的話，它會(huì)順著作用域繼續(xù)查找，直到全局變量。如果全局變量仍然沒(méi)有，程序就會(huì)報(bào)錯(cuò)。那么既然內(nèi)部作用域能沿著作用域鏈訪問(wèn)到外部作用域，那么外部作用域能不能順著作用域鏈訪問(wèn)內(nèi)部作用域呢？不急，繼續(xù)看下面代碼。
執(zhí)行完bar函數(shù)后，bar函數(shù)從執(zhí)行棧中彈出，繼續(xù)執(zhí)行foo函數(shù)剩余的語(yǔ)句，console.log(c)
由于當(dāng)前作用域中不存在變量c，但是其子作用域內(nèi)有變量c的定義，那么程序會(huì)不會(huì)輸出子級(jí)作用域的變量c呢？答案是不會(huì)。
上級(jí)作用域不能通過(guò)作用鏈進(jìn)入下級(jí)作用域。只有下級(jí)作用域能通過(guò)作用鏈進(jìn)入上級(jí)作用域。只就是作用域的有序性。有序的訪問(wèn)所有能訪問(wèn)的變量和函數(shù)。

三總結(jié)

作用域就像一個(gè)一個(gè)封閉的空間，不同作用域內(nèi)的變量是不會(huì)相互影響的。但是作用域之間又會(huì)有聯(lián)系。如果是嵌套的作用域的話，這些嵌套作用域會(huì)通過(guò)作用域鏈把嵌套作用域聯(lián)系在一起。內(nèi)部作用域能通過(guò)作用域鏈訪問(wèn)到上級(jí)作用域的變量。即如果當(dāng)前作用域中沒(méi)有某個(gè)變量，引擎會(huì)通過(guò)作用域鏈查找上級(jí)作用域看看有沒(méi)有定義該變量。直到全局作用域。(全局沒(méi)有則報(bào)錯(cuò))
但是上級(jí)作用域沒(méi)法通過(guò)作用域鏈訪問(wèn)下級(jí)作用域。這就是作用域的有序性。通過(guò)作用域鏈能讓引擎對(duì)執(zhí)行環(huán)境里所有有權(quán)訪問(wèn)的變量和函數(shù)進(jìn)行有序訪問(wèn)。