首頁 > web前端 > js教程 > JavaScript作用域與閉包的分析解說

JavaScript作用域與閉包的分析解說

巴扎黑
發布: 2017-08-10 13:53:23
原創
1351 人瀏覽過

[導讀] JavaScript的作用域以函數為界,不同的函數擁有相對獨立的作用域。函數內部可以宣告和存取全域變量,也可以宣告局部變數(使用var關鍵字,函數的參數也是局部變數),但函數外部無法存取內部的局部變數:functio

       
   
 
#JavaScript的作用域以函數為界,不同的函數擁有相對獨立的作用域。函數內部可以宣告和存取全域變量,也可以宣告局部變數(使用var關鍵字,函數的參數也是局部變數),但函數外部無法存取內部的局部變數:

 
#function test() {var a = 0; // 局部變數
b = 1; // 全域變數
}a = ?, b =  //? a為undefined,b為1

 

 

#同名的局部變數會覆寫全域變量,但本質上它們是兩個獨立的變量,一方發生變化不會影響另一方:
a = 5; // 函數外a的值為5
function test() {
var a = 4; // 函數內a的值為4
}();
a = ? // 函數外a的值仍為5,且不受函數影響

一般而言,函數結束後,函數內部變數的參考全部結束,函數內的局部變數將會被回收,函數的執行環境將會清空,但是,如果以內部函數作為函數的回傳結果,情況就會改變:

function test(i) {​​
var b = i * i;
return function() {
#return b--;
};
}
var a = test(8);a(); / / 傳回值為64, 內部變數b為63
a(); // 傳回值為63, 內部變數b為62

當以內部函數為傳回值時,因為函數結束後內部變數的參考並未結束,所以函數的局部變數無法回收,函數的執行環境被保留下來,因而形成了閉包效果,可以透過這個引用來存取本該被回收的內部變數。
閉包也使得函數的局部變數成為「私有」變量,只能透過傳回的內部函數訪問,而無法透過其他任何手段去改變。
因此,閉包可用來維持局部變數和保護變數。
不使用閉包的情況:

var a = []; // 假設a包含5個元素
for (var i = 0, m = a.length i < m; i++) {a[i].onclick = function(e) {
return 'No. ' + i;
#};
}

// 點選任何點擊一個元素,傳回值都是“No. 5”,因為i最後的值為5
使用閉包的情況:

function test(i) {​​
return function(e) {
return 'No. ' + i;};}
var a = []; // 假設a包含5個元素
for (var i = 0, m = a.length; i < m; i++) {
a[i].onclick = test(i);
}

####// 使用閉包維持局部變量,點選元素回傳No. 0 ~ No. 4######閉包帶來便利的同時,也會帶來一些弊端:###1、程序複雜度增加,理解更加困難###2、幹擾正常的垃圾回收,複雜的閉包也可能導致記憶體無法回收而崩潰###3、龐大的閉包往往伴隨著效能問題###因此,閉包宜精簡小巧,而不宜龐大複雜,同時應避免大規模的使用閉包。閉包的出現,本身就是語言的一個bug,但因為它獨特的功能而保留下來。它是一個輔助手段,而不是主要功能。 ###

以上是JavaScript作用域與閉包的分析解說的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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