<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js-熟练掌握闭包</title>
</head>
<body>
<script>
/*******第一点(允许引用当前函数以外定义的变量)**************/
function outer2() {
var str = "I am Out..";
function inner(inStr) {
alert(str + " -- " + inStr); // 可以引用到函数外的str
}
return inner("I am inner..");
}
outer2();
/*******第二点(即使外部函数已经返回,但是闭包依然可以引用外部函数定义的变量)**************/
function outer() {
var str = "I am Out.";
function inner(inStr) {
alert(str + " -- " + inStr);
}
return inner; // 返回后,依然可以引用到 str.
}
outer()("I am inner1.");
outer()("I am inner2.");
/*******第三点(闭包存储的是外部变量的引用,而非值的副本)**************/
function wrapEle(ary) {
var ret = [], i, n;
for(i = 0; i < ary.length; i++) {
ret[i] = function() {
return ary[i];
};
}
alert("i: " + i); // 3
return ret;
}
var wrapped = wrapEle([1, 2, 3]);
var value = wrapped[0](); // 实际上执行的是 function() {return ary[3]};
// 存储的是外部变量i的引用,外部方法执行完成后,i = 3;
alert(value); // undefined
</script>
<p>
★★★关于闭包必须知道的是★★★:
1. 允许引用当前函数以外定义的变量
2. 即使外部函数已经返回,当前函数(闭包)依然可以引用外部函数定义的变量
3. 闭包可以更新外部变量的值,实际上,闭包存储是外部变量的引用,而不是外部变量值的副本
</p>
</body>
</html>