理解範圍是理解JavaScript的關鍵所在,範圍可以確定哪些變數可以被函數訪問,以及確定this的值。每個JavaScript函數都是Function對象的一個執行個體,Function對象有一個內部屬性[[Scope]],此屬性只能被JavaScript引擎存取。通過[[Scope]]屬性可以訪問函數的範圍鏈,進而決定哪些資料可以被函數訪問。如下代碼:
<script language="javascript" type="text/javascript">
function add(value1, value2) {
return value1 + value2;
}
</script>
當函數add()被建立時,它的範圍鏈(只是簡單的寫出了幾個全域對象)
當add()執行時,會建立一運行時上下文(execution context)的內部對象,一個運行時上下文定義了一個函數執行的環境。函數每次執行時的運行時上下文都是不同的,所以多次調用就會導致多個運行時內容相關的建立與銷毀。當函數執行完畢,運行時上下文就被銷毀。每個運行時上下文都有自己的範圍鏈,用於標示符解析。當運行時上下文被建立時,它的範圍鏈初始化為當前函數的[[Scope]]屬性中所包含的對象。這些值按照他們出現在函數中的順序,被複製到執行內容的範圍鏈中。這個過程一旦完成,一個被稱作“使用中的物件(Active object)的新對象就被建立好了。當運行時上下文被銷毀時,使用中的物件也隨之被銷毀。
當調用代碼 var result=add(1,2) 時的運行時上下文和範圍鏈
閉包是JavaScript強大特性之一,通俗的講閉包就是一個可以訪問另一個函數範圍中變數的函數。如下代碼:
<script language="javascript" type="text/javascript">
function add(value1, value2) {
return function () {
return value1 + value2;
} ();
}
</script>
這個方法內有一匿名方法,可以訪問add()方法的範圍中的參數value1和value2。當執行add(1,2)時的運行時內容相關的範圍鏈和閉包如下
通常來說,函數的使用中的物件會隨運行時上下文一同銷毀,但是使用閉包時,使用中的物件的引用仍存在於閉包[[Scope]]屬性中,所以使用中的物件無法被銷毀。當閉包執行時,它的範圍鏈