閉包也許是 JS 中最有用的特性了. 有一份比較好的介紹閉包原理的文檔.
有一點需要牢記, 閉包保留了一個指向它封閉作用域的指針, 所以, 在給 DOM 元素附加閉包時, 很可能會產生循環引用, 進一步導致內存泄漏. 比如下面的代碼:
function foo(element, a, b) {
element.onclick = function() { /* uses a and b */ };
}
element.onclick = function() { /* uses a and b */ };
}
這裏, 即使沒有使用 element, 閉包也保留了 element, a 和 b 的引用, . 由於 element 也保留了對閉包的引用, 這就產生了循環引用, 這就不能被 GC 回收. 這種情況下, 可將代碼重構爲:
function foo(element, a, b) {
element.onclick = bar(a, b);
}
function bar(a, b) {
return function() { /* uses a and b */ }
}
element.onclick = bar(a, b);
}
function bar(a, b) {
return function() { /* uses a and b */ }
}