脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-关于 Javascript 的闭包理解，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
以下面是我自己对闭包的理解：
通常情况下，函数内的变量生存周期在函数被调用之后就终止，比如下面的代码：
[javascript]
function a() {
VAR i = 100;
alert(++i);
}
a(); // 101
a(); // 101
function a() {
var i = 100;
alert(++i);
}
a(); // 101
a(); // 101
两次执行 a()，输出都是 101，这是因为每次调用函数 a() 之后函数 a() 就没有被任何对象引用，这时 Javascript 的 GC 就会回收这个函数里的资源，包括 i 。
第二次调用 a() 的时候，系统重新给 i 分配内存空间，根据函数定义构建 i 的值：100，执行了 ++i 之后所以输出仍然是 101。
如果想保留函数里 i 的值，通过以下代码可以实现：
[javascript]
function a() {
var i = 100;
function b() {
alert(++i);
}
return b;
}
var c = a();
c(); // 101
c(); // 102
function a() {
var i = 100;
function b() {
alert(++i);
}
return b;
}
var c = a();
c(); // 101
c(); // 102以上的输出，第一次是 101 ，第二次是 102 ，F1() 内部变量 i 的值保留下来了。
原因 ：
1. a() 内部定义了一个新函数 b() ， b() 在自己的作用域里面没有找到 i 这个变量，就会在父作用域里寻找，也就是说 b() 是可以 访问 a() 里面的 i 这个变量的；
2. a() 的返回值是返回 b() ，这里 b() 对 i 有引用，当将 a() 的返回值赋值给 c 的时候，系统为了保证 c 的存在，就会保持 b ，而 b 又对 i 引用了， 所以又会保持 i ，这样 i 的值就保持下来了。
引用上面文章里的图片
这里的 b 就是闭包，只要 c 存在， c 所对应的 i 的值就会一直存在。
关于闭包的作用，我的一点浅薄理解是：
可以保存函数体内的变量值，相当于对象里的成员变量，而且其他方式都不可访问这个值，只能通过 c 来访问。类似于对象里面的私有成员， c 是这个对象的一个外部的接口。
其实要达到这个要求，可以直接通过对象的私有变量来实现，但是我对 Javascript 的了解非常有限，现在只知道 Javascript 好像没有类这个概念，构造对象的方法和其他大多数面向对象语言（比如 C++）不一样，可能构造私有成员的方法有什么限制。
闭包的其他应用，暂时还没想到，以后如果遇到了，再写一点。
在本文开头提到的那篇文章里还有一个例子，到现在都没有理解透彻：
[javascript]
var name = "The Window";
var object = {
name : ";my Object",
getNameFunc : function(){
return function(){
return this.name; // this === window
};
}
};
alert(object.getNameFunc()()); // The Window
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name; // this === window
};
}
};
alert(object.getNameFunc()()); // The Windowreturn this.name 这里的 this 是 window，百度之后搜到这样一个解释：
javascript是动态（或者动态类型）语言，this关键字在执行的时候才能确定是谁。所以this永远指向调用者，即对‘调用对象‘者的引用
这里是不是这样理解，因为 alert(object.getNameFunc()()); 是在最外层调用的，所以这里的 this 指的是 window。
但是我把调用放到一个我自己的对象里面，输出仍然是 The Window：
[javascript]
name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
var object1 = {
name : "The Object1",
test : function() {
alert(object.getNameFunc()());
alert(this.name);
}
}
object1.test(); // The Window
name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
var object1 = {
name : "The Object1",
test : function() {
alert(object.getNameFunc()());
alert(this.name);
}
}
object1.test(); // The Window照上面那句话来说，这里的 this 应该是调用者 object1 ，但是输出仍然是 The Window，搞不懂啊。
只能说 Javascript 水很深，搞懂 Javascript 不易，学无止尽啊……
觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-关于 Javascript 的闭包理解全部内容，希望文章能够帮你解决javascript代码实例教程-关于 Javascript 的闭包理解所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。