上一节讲了一些闭包的缺点,这节就讲一些闭包的优点吧，各有利弊，有句话说的好
彼之砒霜，吾之蜜糖
物无美恶，过则为灾
1. 能从外部读取局部变量
下面这个例子，我就想在 f1 外部取得n的值，怎么办呢
function f1() {
var n = 999;
function f2() {
alert(n); // 999
}
}
这里就用到闭包的概念，修改代码如下
function f1() {
var n = 999;
function f2() {
alert(n);
}
return f2;
}
var result = f1();
result(); // 999
这就解决了
2. 让这些变量的值始终保持在内存中。
经典案例： Fibonacci（斐波那契）数列
普通的函数，不适用闭包
// 1 1 2 3
// 第n项是第n-1和n-2的和，开始的两项为1
var count1 = 0;
var fib1 = function(n) {
count1++;
if (n == 0 || n == 1) {
return 1;
}
return fib1(n - 1) + fib2(n - 2);
};
// fib1(11); // 287
// fib1(12); // 465
//fib1(13); // 753
//alert(count1);
用闭包优化后
var count2 = 0;
var fib2 = (function() {
var arr = [1, 1];//斐波那契数列
return function(n) {
count2++;
var res = arr[n];
if (res) {
return res;
} else {
arr[n] = fib2(n - 1) + fib2(n - 2);
return arr[n];
}
};
})();
/*
for (var i = 0; i < 10; i++) {
alert(fib1(i) + "," + fib2(i));
}
*/
// fib1(11); // 287次
fib2(11); // 21次
// fib1(12); // 465次
fib2(12); // 24 次
//alert(count1);
alert(count2);
这个案例一般传统的做法就是使用递归，在JavaScript中，递归使用arguments.callee()表示当前调用函数(即递归函数). 那么这么做最直接的结果是，存在一个缓存，将计算得到的结果保存在缓存中，并且实现所有的计算只计算一次，那么可以大大的提高性能。
下面的图示就是（斐波那契数列）中递归的步骤：
avatar
3:事件处理方法的追加与移除
书写多个点击事件时候会被下一个覆盖，怎么办呢，那就使用闭包追加，当然也可以进行移除
如下：
原始代码：
var loadEvent = function(fn) {
var oldFn = window.onload;
if (typeof oldFn === "function") {
window.onload = function() {
oldFn();
fn();
};
} else {
window.onload = fn;
}
};
闭包加身后的代码
var jkLoad = (function() {
var events = {};
var func = function() {
window.onload = function() {
for (var i in events) {
events[i]();
}
};
};
return {
add: function(name, fn) {
events[name] = fn;
func();
},
remove: function(name) {
delete events[name];
func();
}
};
})();
jkLoad.add("f1", function() {
// 执行代码1
});
jkLoad.add("f2", function() {
// 执行代码1
});
jkLoad.remove("f1");
使用闭包后的函数更改灵活，佩服
4. 模拟私有成员
使用闭包模拟私有属性
var Person = function(name, age, sex) { //闭包，外部不可以修改
return {
get_Name: function() {
return name;
},
set_Name: function(value) { //非闭包，外部可以修改
name = value;
},
get_Age: function() {
return age;
},
get_Sex: function() {
return sex;
}
}
};
var p = Person("小宅", 19, "女");
alert(p.get_Name());//闭包 // 小宅
p.set_Name("xiaozhai");
alert(p.get_Name());//非闭包 // xiaozhai
