观点
闭包(closure)是一个具有恣意变量以及绑定这些变量的环境(environment)的表达式(一般来讲是就是function)
A “closure” is an expression (typically a function) that can have free variables together with an environment that binds those variables (that “closes” the expression).
在作用域内且在function定义时被接见的变量，那末这个变量就一向能够被谁人function接见。
variables that are in scope and accessed from a function declaration will stay accessible by that function.
下面这个例子就是闭包，displayName函数能够接见到不在其代码块里的name变量。
function init() {
var name = "Mozilla";
function displayName() {
alert(name);
}
displayName();
}
init();函数的作用域 functional scoping
一个变量的作用域是以其地点的源代码的位置来定义的，嵌套在里面的function能够接见到声明在外层作用域的变量
The scope of a variable is defined by its location within the source code, and nested functions have access to variables declared in their outer scope.
照样拿适才谁人例子来讲，displayName函数是嵌套在init函数里的，所以它能够接见到init函数里的变量
function init() {
var name = "Mozilla";
function displayName() {
alert(name);
}
displayName();
}
init();闭包的构成
先看一下这个例子：
function makeFunc() {
var name = "Mozilla";
function displayName() {
alert(name);
}
return displayName;
}
var myFunc = makeFunc();
myFunc();根据java或C++的履历，局部变量name的生命周期在函数的实行后就完毕了，所以会揣摸name在makeFunc()接见后应当就接见不到了。
然则现实恰恰相反，唯一的诠释就是myFunc是一个闭包(closure)。
闭包由两部分构成：
function
建立该function的环境（建立闭包时，作用域内的一切局部变量）
对应到上面的这个例子里：
function:
displayName环境：
name="Mozilla"
再看一个例子：
function makeAdder(x) {
return function(y) {
return x + y;
};
}
var add5 = makeAdder(5);
var add10 = makeAdder(10);
alert(add5(2)); // 7
alert(add10(2)); // 12这个例子申明闭包的function能够是雷同的，然则环境能够是差别的，因而就会有差别的效果。
归结
因而能够将闭包归结为：
定义时，肯定可接见变量
实行时，肯定变量的值
罕见毛病
下面这段代码实际上实行的时刻并非alert 0，1，2，3，4，而是alert 5次5。
这是为何？由于i变量在for轮回后变成了5，而在实行的时刻我们才会肯定闭包里i的值，在定义的时刻不会记着i的值是什么的。
var funcs = [];
for(var i=0; i < 5; i++) {
funcs[i] = function() { alert(i); }
}
for(var j=0; j < funcs.length; j++) {
funcs[j]();
}准确的写法是：
var funcs = [];
function makeFunc(x) {
return function() { alert(x); }
}
for(var i=0; i < 5; i++) {
funcs[i] = makeFunc(i)
}
for(var j=0; j < funcs.length; j++) {
funcs[j]();
}闭包实践
函数工场
function makeSizer(size) {
return function() {
document.body.style.fontSize = size + 'px';
};
}
var size12 = makeSizer(12);
var size14 = makeSizer(14);
var size16 = makeSizer(16);私有变量
var Counter = (function() {
var privateCounter = 0;
function changeBy(val) {
privateCounter += val;
}
return {
increment: function() {
changeBy(1);
},
decrement: function() {
changeBy(-1);
},
value: function() {
return privateCounter;
}
}
})();
alert(Counter.value()); /* Alerts 0 */
Counter.increment();
Counter.increment();
alert(Counter.value()); /* Alerts 2 */
Counter.decrement();
alert(Counter.value()); /* Alerts 1 */在这个例子里：
外界不能接见: privateCounter，changeBy
外界间接接见: increment，decrement，value
私有变量+函数工场
var makeCounter = function() {
var privateCounter = 0;
function changeBy(val) {
privateCounter += val;
}
return {
increment: function() {
changeBy(1);
},
decrement: function() {
changeBy(-1);
},
value: function() {
return privateCounter;
}
}
};
var Counter1 = makeCounter();
var Counter2 = makeCounter();
alert(Counter1.value()); /* Alerts 0 */
Counter1.increment();
Counter1.increment();
alert(Counter1.value()); /* Alerts 2 */
Counter1.decrement();
alert(Counter1.value()); /* Alerts 1 */
alert(Counter2.value()); /* Alerts 0 */Counter1和Counter2绑定的环境互相自力。
机能题目
function MyObject(name, message) {
this.name = name.toString();
this.message = message.toString();
this.getName = function() {
return this.name;
};
this.getMessage = function() {
return this.message;
};
}实行一次，就会从新组织两个函数。
准确的做法应当是：
function MyObject(name, message) {
this.name = name.toString();
this.message = message.toString();
}
MyObject.prototype = {
getName: function() {
return this.name;
},
getMessage: function() {
return this.message;
}
};
function MyObject(name, message) {
this.name = name.toString();
this.message = message.toString();
}
MyObject.prototype.getName = function() {
return this.name;
};
MyObject.prototype.getMessage = function() {
return this.message;
};