首頁 > web前端 > js教程 > 主體

JavaScript閉包-閉包的作用域

黄舟
發布: 2017-01-20 14:17:25
原創
1212 人瀏覽過

閉包(closure)是JavaScript中的一個十分重要的概念。閉包是指在另一個作用域中保存了一份它從上級函數或作用域取得的變數(鍵值對),而這些鍵值對是不會隨著上一層函數的執行完閉而被銷毀的。閉包本質上是在討論一個物件的成員屬性何時被GC(垃圾回收機制)處理的問題。

我們其實在前面的函數的傳值中就已經接觸了閉包。在講解函數的傳值時我們列舉了一個比較物件屬性的函數sortByProperty,在這個函數中,它的傳回值是一個匿名函數,其實這就是一個閉包。我們仍然以這個例子來講解閉包的作用域。函數的程式碼稍作修改,如下:

// 比较对象属性大小的通用函数
function compareObjectFunction(prop){
  //匿名函数
  return function(obj1,obj2){
    if(obj1[prop] > obj2[prop]) return 1;
    else if(obj1[prop] < obj2[prop]) return -1;
    else return 0;
  }
}
// 创建2个对象
var o1 = {name:"Leon",age:22}
var o2 = {name:"Ada",age:25}
// 比较对象的name属性
var compare = compareObjectFunction("name");
// 返回值
var returnValue = compare(o1,o2);
console.info(rel);  //比较name属性会返回1,比较age属性会返回-1
登入後複製

在上面的例子中,使用閉包的最大好處是compareObjectFunction的作用域變大了,當compareObjectFunction函數執行結束之後,prop這個變數依然存在。

在java和C++等靜態物件導向程式語言中,在執行完var compare = compareObjectFunction("name")這句話之後,記憶體會被釋放,prop這個屬性會被垃圾回收。但是在JavaScript中,當程式碼執行到var rel = compare(o1,o2);的時候,仍然可以存取prop屬性,這種透過傳回函數來擴大函數的作用域的方法就是閉包。

需要注意的一點是:閉包不等於匿名函數。我們創建閉包的方式通常是在一個函數的內部創建另一個函數。那麼,閉包是如何做到放大函數的作用域的呢?我們仍然以函數執行時的作用域記憶體模型來講解這個問題。

首先我們建立了compareObjectFunction函數,然後建立了2個物件o1和o2,完成這些程式碼之後,記憶體中的作用域鏈模型如下圖所示:

JavaScript閉包-閉包的作用域

compareObjectFunction的作用域鏈的高位元指向全域全域作用域,低位指向自己的作用域。此時在全域作用域中有3個變數。

接下來開始比較物件的name屬性,執行以下程式碼:

var compare = compareObjectFunction("name");
var returnValue = compare(o1,o2);
登入後複製

透過將name作為參數傳入compareObjectFunction函數來對兩個物件進行名字大小的比較。執行完上面兩句程式碼之後,作用域鏈的記憶體模型如下圖所示:

JavaScript閉包-閉包的作用域

在執行compareObjectFunction函數的時候,它回傳的是一個匿名函數,匿名函數也有它的作用域鏈。它的高位指向全域作用域,中間位指向包含它的compareObjectFunction的作用域,低位才是指向自己的作用域。

當程式執行完compareObjectFunction("name")這句程式碼之後,compareObjectFunction函數執行完畢,GC開始對它進行回收。但這時GC會發現還有一個匿名函數指向compareObjectFunction的作用域,此時GC就不會回收這塊作用域記憶體。而compareObjectFunction的作用域鍊和函數本身的記憶體會被GC當作垃圾回收。

當程式執行到compare(o1,o2)時,它首先在自己的作用域中將obj1和obj2的值分別修改為o1和o2,然後它需要呼叫prop屬性,由於在它自己的作用域空間中沒有找到這個屬性,它就會到鍊錶上一級指向的作用域compareObjectFunction作用域中去查找,此時發現prop屬性為name,所以它就使用name屬性來進行比較,並且得到回傳值。

可以看到,正是因為由於一個匿名函數指向了compareObjectFunction的作用域,使得compareObjectFunction函數在執行完後,它的作用域空間不被GC進行垃圾回收,從而使prop屬性的作用域被放大了。

JavaScript的閉包雖然可以放大函數的作用域,但是它的代價是程式執行時會佔用更多的記憶體空間,所以我們不可以濫用閉包,只有在需要使用的時候才用它。

以上就是JavaScript閉包-閉包的作用域的內容,更多相關內容請關注PHP中文網(www.php.cn)!


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板