天天看點

JS - 自由變量與作用域鍊

先解釋一下什麼是“自由變量”。

在A作用域中使用的變量x,卻沒有在A作用域中聲明(即在其他作用域中聲明的),對于A作用域來說,x就是一個自由變量。如下圖

JS - 自由變量與作用域鍊

如上程式中,在調用fn()函數時,函數體中第6行。取b的值就直接可以在fn作用域中取,因為b就是在這裡定義的。而取x的值時,就需要到另一個作用域中取。到哪個作用域中取呢?

有人說過要到父作用域中取,其實有時候這種解釋會産生歧義。例如:

JS - 自由變量與作用域鍊

是以,不要在用以上說法了。相比而言,用這句話描述會更加貼切——要到建立這個函數的那個作用域中取值——是“建立”,而不是“調用”,切記切記——其實這就是所謂的“靜态作用域”。

對于本文第一段代碼,在fn函數中,取自由變量x的值時,要到哪個作用域中取?——要到建立fn函數的那個作用域中取——無論fn函數将在哪裡調用。

上面描述的隻是跨一步作用域去尋找。

如果跨了一步,還沒找到呢?——接着跨!——一直跨到全局作用域為止。要是在全局作用域中都沒有找到,那就是真的沒有了。

這個一步一步“跨”的路線,我們稱之為——作用域鍊。

我們拿文字總結一下取自由變量時的這個“作用域鍊”過程:(假設a是自由量)

第一步,現在目前作用域查找a,如果有則擷取并結束。如果沒有則繼續;

第二步,如果目前作用域是全局作用域,則證明a未定義,結束;否則繼續;

第三步,(不是全局作用域,那就是函數作用域)将建立該函數的作用域作為目前作用域;

第四步,跳轉到第一步。

JS - 自由變量與作用域鍊

x() ==30;

以上代碼中:第13行,fn()傳回的是bar函數,指派給x。執行x(),即執行bar函數代碼。取b的值時,直接在fn作用域取出。取a的值時,試圖在fn作用域取,但是取不到,隻能轉向建立fn的那個作用域中去查找,結果找到了。

接下來咱們開始正式說說一直期待依舊的朋友——閉包。敬請期待下一節。