今天在面试的时候被问到闭包,脑海中只知道【关注微信公众号:wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net闭包就是函数里面的函数,但是答的时候就想转载请注明出处:www.tangshuang.net【版权所有】唐霜 www.tangshuang.net到了它的特性,就去说局部变量巴拉巴拉,全【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net局变量巴拉巴拉,回来想了一下,感觉自己还【转载请注明来源】【版权所有】唐霜 www.tangshuang.net是对闭包理解不够深入,所以遇到面试提问的原创内容,盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】时候,一时间也无法表达出来。所以本文就来【版权所有】唐霜 www.tangshuang.net本文作者:唐霜,转载请注明出处。梳理一下和闭包相关的概念及用法。
本文版权归作者所有,未经授权不得转载。【作者:唐霜】未经授权,禁止复制转载。函数内部的函数:私有函数未经授权,禁止复制转载。
著作权归作者所有,禁止商业用途转载。【本文受版权保护】【本文受版权保护】首先,我们从这个内部函数去说开,因为这个原创内容,盗版必究。【原创内容,转载请注明出处】是形式上的,如果一开始讲作用域,有点故意本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】。闭包在形式上就是函数内部的函数,比如:
未经授权,禁止复制转载。本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】【版权所有,侵权必究】function add(a) {
return function(b) {
return a + b;
}
}
var c = add(5)(10);
这是一个很奇怪的用法,第一次看到有fun原创内容,盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】ction()()这样的用法?请阅读这篇文章【转载请注明来源】。当执行add(5)的时候,返回的结果其转载请注明出处:www.tangshuang.net【关注微信公众号:wwwtangshuangnet】实是一个函数,而再执行这个函数,需要再传【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】入一个参数,所以就有了add(5)(10本文版权归作者所有,未经授权不得转载。【本文受版权保护】)这样的用法。当然,这是一个极端的例子,【本文首发于唐霜的博客】【关注微信公众号:wwwtangshuangnet】出现的太早,我们来看下最常见的一种用法吧【未经授权禁止转载】转载请注明出处:www.tangshuang.net。
转载请注明出处:www.tangshuang.net【转载请注明来源】【作者:唐霜】【版权所有】唐霜 www.tangshuang.netjQuery(function($){
function message(msg) {
alert(msg);
}
if($(window).width() > 1000) message('window宽度大于1000');
});
如果你用jquery,这段代码应该经常使未经授权,禁止复制转载。著作权归作者所有,禁止商业用途转载。用吧。如果你仔细去观察,就会发现,第一个【原创不易,请尊重版权】【原创内容,转载请注明出处】function被作为参数,传给了jQu【未经授权禁止转载】转载请注明出处:www.tangshuang.netery()这个函数,而在function原创内容,盗版必究。本文作者:唐霜,转载请注明出处。内,又有一个message()函数。所有【访问 www.tangshuang.net 获取更多精彩内容】【未经授权禁止转载】的jQuery代码被放在第一个funct本文作者:唐霜,转载请注明出处。【关注微信公众号:wwwtangshuangnet】ion中去处理。第二个函数就是函数体内部未经授权,禁止复制转载。本文作者:唐霜,转载请注明出处。的函数,这个函数在函数体内声明,一旦外层【版权所有,侵权必究】【未经授权禁止转载】函数执行完毕,那么这个函数就失去了作用,【版权所有】唐霜 www.tangshuang.net【本文受版权保护】在jQuery()外无法使用messag转载请注明出处:www.tangshuang.net【原创不易,请尊重版权】e(),因此,message()是第一个【原创不易,请尊重版权】【本文首发于唐霜的博客】函数内部的私有函数。
【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。变量的作用域【版权所有】唐霜 www.tangshuang.net
著作权归作者所有,禁止商业用途转载。【本文受版权保护】本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】转载请注明出处:www.tangshuang.net函数内部的变量有两种,一种是局部变量,一转载请注明出处:www.tangshuang.net【关注微信公众号:wwwtangshuangnet】种是全局变量。局部变量只在当前函数体内有本文版权归作者所有,未经授权不得转载。【本文受版权保护】效,出了函数体,就回到全局变量的范围,局著作权归作者所有,禁止商业用途转载。本文版权归作者所有,未经授权不得转载。部变量无效。
【作者:唐霜】原创内容,盗版必究。【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。著作权归作者所有,禁止商业用途转载。var age = 10;function a(age) {
return age + 1;
}
function b(_age) {
return age + _age;
}
function c(_age) {
var age = 11;
function add() {
return age + _age;
}
return add();
}
alert(a(9)); // 10 : 9 + 1
alert(b(2)); // 12 : 10 + 2
alert(c(5)); // 16 : 11 + 5
在上面的代码中,我们看b和c函数。b函数转载请注明出处:www.tangshuang.net未经授权,禁止复制转载。中的age直接引用了全局变量age(10原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。),而c函数中重新声明了局部变量age,未经授权,禁止复制转载。本文版权归作者所有,未经授权不得转载。因此,全局变量age在c函数中无效。
【版权所有】唐霜 www.tangshuang.net未经授权,禁止复制转载。本文作者:唐霜,转载请注明出处。【原创不易,请尊重版权】但是在c中,函数内部有一个函数add()【本文受版权保护】【本文首发于唐霜的博客】,它的函数体内的age是指c中声明的局部本文版权归作者所有,未经授权不得转载。【本文首发于唐霜的博客】变量,而非全局变量age。从这个例子里,本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。反映出了变量的作用域,函数内的函数体里,【原创内容,转载请注明出处】【版权所有】唐霜 www.tangshuang.net如果没有声明局部变量,就会承认其父级甚至原创内容,盗版必究。【版权所有,侵权必究】祖先级函数的变量,以及全局变量。
转载请注明出处:www.tangshuang.net原创内容,盗版必究。【作者:唐霜】闭包【原创不易,请尊重版权】
【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有,禁止商业用途转载。【版权所有,侵权必究】【本文首发于唐霜的博客】怎么样才算是一个闭包呢?我们来看下面的代原创内容,盗版必究。【版权所有】唐霜 www.tangshuang.net码:
转载请注明出处:www.tangshuang.net未经授权,禁止复制转载。转载请注明出处:www.tangshuang.net本文版权归作者所有,未经授权不得转载。function a() {
var age = 10;
return function() {
return age;
}
}
var age = a();
alert(age()); // 10
按照我们前面说的作用域,在上面这段代码中【作者:唐霜】本文作者:唐霜,转载请注明出处。age是a()的局部变量,按道理,出了函【作者:唐霜】未经授权,禁止复制转载。数,就不能被访问了。但是,a()返回了一【本文受版权保护】【未经授权禁止转载】个私有函数,个这个函数返回了age,这导【原创不易,请尊重版权】原创内容,盗版必究。致我们可以在a()外部,仍然可以访问到本【关注微信公众号:wwwtangshuangnet】未经授权,禁止复制转载。来是局部变量的age,这个时候,我们就把本文作者:唐霜,转载请注明出处。【原创不易,请尊重版权】这个内部函数称为闭包。它的原理就是,函数【未经授权禁止转载】未经授权,禁止复制转载。内部的函数,可以访问父函数的局部变量。
【转载请注明来源】【版权所有,侵权必究】本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。本文版权归作者所有,未经授权不得转载。综合上面的阐述,我们要这样去理解闭包:著作权归作者所有,禁止商业用途转载。
转载请注明出处:www.tangshuang.net【关注微信公众号:wwwtangshuangnet】【本文首发于唐霜的博客】- 闭包是一个函数,它使用了自己之外的变量【原创不易,请尊重版权】。【转载请注明来源】 【转载请注明来源】【版权所有,侵权必究】【原创内容,转载请注明出处】本文作者:唐霜,转载请注明出处。
- 闭包是一个作用域【版权所有,侵权必究】。【版权所有,侵权必究】 【本文受版权保护】【原创内容,转载请注明出处】【未经授权禁止转载】本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。
- 闭包是“【版权所有,侵权必究】由函数和与其相关的引用环境组合而成的实体”。著作权归作者所有,禁止商业用途转载。 【作者:唐霜】著作权归作者所有,禁止商业用途转载。【原创不易,请尊重版权】【关注微信公众号:wwwtangshuangnet】【未经授权禁止转载】
- 严格的讲,闭包常常表现为一个函数内部的函【版权所有,侵权必究】本文版权归作者所有,未经授权不得转载。数,它使用了非自己定义的、自己所在作用域【本文受版权保护】本文版权归作者所有,未经授权不得转载。内的变量,并且使这些变量突破了作用域的限【未经授权禁止转载】未经授权,禁止复制转载。制。 【原创不易,请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】原创内容,盗版必究。
所以,我们文章最开头的那段代码,也有一个【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有,禁止商业用途转载。闭包。
【原创内容,转载请注明出处】原创内容,盗版必究。【原创内容,转载请注明出处】【转载请注明来源】原创内容,盗版必究。一个典型的闭包:著作权归作者所有,禁止商业用途转载。
【关注微信公众号:wwwtangshuangnet】转载请注明出处:www.tangshuang.net【本文首发于唐霜的博客】转载请注明出处:www.tangshuang.net- 函数内的函数著作权归作者所有,禁止商业用途转载。 【版权所有,侵权必究】【未经授权禁止转载】原创内容,盗版必究。未经授权,禁止复制转载。未经授权,禁止复制转载。
- 这个内部函数引用了父函数的局部变量【原创内容,转载请注明出处】 【本文首发于唐霜的博客】原创内容,盗版必究。未经授权,禁止复制转载。
- 这个内部函数使引用的变量突破了作用域限制 【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。【本文首发于唐霜的博客】
var a = 1;
function fun() {
return a + 1;
}
alert(fun());
这也可以算作一个闭包,a()引用了它之外本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.net定义的变量。但是这不算严格的闭包,因为它转载请注明出处:www.tangshuang.net【原创内容,转载请注明出处】没有在突破作用域的这个点上表现出来。
著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net【版权所有,侵权必究】原创内容,盗版必究。【原创内容,转载请注明出处】var a = 1;
function fun() {
var b = 2;
return function() {
return a + ++b;
};
}
var c = fun();
alert(c()); // 4
alert(c()); // 5
这就是一个非常典型的闭包了。而且为什么a本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。lert(c())两次的值不同,我们还会著作权归作者所有,禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】在下面解释到。
【版权所有,侵权必究】未经授权,禁止复制转载。【本文首发于唐霜的博客】著作权归作者所有,禁止商业用途转载。为了让你更加明晰的和你曾经开发过的案例联【转载请注明来源】【原创内容,转载请注明出处】系在一起,我们来看我们曾经做过的这样的事本文版权归作者所有,未经授权不得转载。【关注微信公众号:wwwtangshuangnet】:
未经授权,禁止复制转载。未经授权,禁止复制转载。未经授权,禁止复制转载。define(function() {
var age = 10;
function getAge() {
return age;
}
function grow() {
age ++;
}
return {
age : getAge,
grow : grow
};
});
这是我们在require.js中的一种写转载请注明出处:www.tangshuang.net【本文首发于唐霜的博客】法,把它还原为我们熟悉的闭包模式:
著作权归作者所有,禁止商业用途转载。【作者:唐霜】未经授权,禁止复制转载。本文版权归作者所有,未经授权不得转载。function Cat() {
var age = 10;
function getAge() {
return age;
}
function grow() {
age ++;
}
return {
ageAge : getAge,
grow : grow
};
};
var cat = Cat();
var age = cat.getAge();
alert(age); // 10
cat.grow();
age = cat.getAge();
alert(age); // 11
从内存看闭包【访问 www.tangshuang.net 获取更多精彩内容】
【关注微信公众号:wwwtangshuangnet】【原创内容,转载请注明出处】本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】未经授权,禁止复制转载。现在,我们就要来解释为什么上面的aler【未经授权禁止转载】转载请注明出处:www.tangshuang.nett()两次的结果不同的原因了。
【转载请注明来源】【原创内容,转载请注明出处】原创内容,盗版必究。首先,我们来看下普通的函数声明和使用过程【原创内容,转载请注明出处】【作者:唐霜】中内存的变化:
【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】【原创内容,转载请注明出处】本文作者:唐霜,转载请注明出处。function fun(a,b) {
return a+b;
}
alert(fun(1,2));
alert(fun(3,4));
上面是我们没有遇到闭包的情况,内存我们这【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net样来画(注意,我这里只是抽象的画出内存变未经授权,禁止复制转载。未经授权,禁止复制转载。化,而不是真实的javascript内存【转载请注明来源】【作者:唐霜】机制。)
【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】本文版权归作者所有,未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号:wwwtangshuangnet】
在每一次执行完fun()之后,fun()转载请注明出处:www.tangshuang.net【原创不易,请尊重版权】函数的执行环境被释放(回收机制)。
本文作者:唐霜,转载请注明出处。本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】转载请注明出处:www.tangshuang.net本文版权归作者所有,未经授权不得转载。接下来我们来看一个闭包:未经授权,禁止复制转载。
【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.netfunction fun(a) {
return function(b){return a + b;}
}
var add = fun(2);
alert(add(2));
alert(add(4));
上面就出现闭包了,注意,我们这里出现了一转载请注明出处:www.tangshuang.net转载请注明出处:www.tangshuang.net个add变量。
转载请注明出处:www.tangshuang.net【未经授权禁止转载】著作权归作者所有,禁止商业用途转载。本文版权归作者所有,未经授权不得转载。
在后两步中,实际上fun(2)部分没有任未经授权,禁止复制转载。【版权所有】唐霜 www.tangshuang.net何变化,所变的,则是在内部函数所对应的内【版权所有,侵权必究】未经授权,禁止复制转载。存区域中有变化。细心的你,可能会发现这里【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】面的问题所在,当执行完add(2)之后,【未经授权禁止转载】【作者:唐霜】fun对应的内存没有被释放掉,而它的内部著作权归作者所有,禁止商业用途转载。【原创内容,转载请注明出处】函数,也就是function(2)被释放未经授权,禁止复制转载。【未经授权禁止转载】掉了,在执行add(4)的时候,仅仅重新本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】运行了内部函数。如果连fun()对应的内原创内容,盗版必究。【本文受版权保护】存出现了变化怎么办?我们来看下面的例子:
【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】未经授权,禁止复制转载。著作权归作者所有,禁止商业用途转载。function fun() {
var b = 2;
return function(a) {
return a + ++b;
};
}
var c = fun();
alert(c(1)); // 4
alert(c(1)); // 5
注意,这可是个非常典型的闭包的例子,它有【版权所有】唐霜 www.tangshuang.net【版权所有,侵权必究】一个局部变量b,我们来看它的内存图。
【本文受版权保护】【版权所有】唐霜 www.tangshuang.net【转载请注明来源】原创内容,盗版必究。
注意第2、3、4步中内存的变化。第2步时【本文受版权保护】【版权所有】唐霜 www.tangshuang.net,我们仅仅将fun()赋给变量c,这个时【转载请注明来源】【作者:唐霜】候,内部函数function(a)并没有未经授权,禁止复制转载。【版权所有,侵权必究】被执行,所以++b也没有被执行,b的值还【访问 www.tangshuang.net 获取更多精彩内容】本文作者:唐霜,转载请注明出处。是2。但是第3步开始,++b被先执行,+转载请注明出处:www.tangshuang.net转载请注明出处:www.tangshuang.net+b的意思是先自加,再进行运算,和b++【未经授权禁止转载】本文版权归作者所有,未经授权不得转载。是不同的,如果是b++,虽然c(1)的最转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。终结果还是为4,但是在c(1)执行开始时【本文首发于唐霜的博客】原创内容,盗版必究。,b应该为2,执行完之后才是3。
本文作者:唐霜,转载请注明出处。本文作者:唐霜,转载请注明出处。【未经授权禁止转载】奇妙的事情发生了,在内部函数中,++b导【未经授权禁止转载】原创内容,盗版必究。致了局部变量值发生了变化,b从2变成了3【原创内容,转载请注明出处】【版权所有,侵权必究】,而且,内存并没有被释放,fun()的执【原创不易,请尊重版权】【原创内容,转载请注明出处】行环境没有被销毁,b还被保存在内存中。到转载请注明出处:www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】第4步时,b的初始值是3,经过++b 之【未经授权禁止转载】本文作者:唐霜,转载请注明出处。后,变成了4。
【原创内容,转载请注明出处】著作权归作者所有,禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】这个内存分析非常形象的把闭包概念中,关于未经授权,禁止复制转载。【原创内容,转载请注明出处】“突破作用域限制”这个点描述的非常清楚,【版权所有,侵权必究】【本文受版权保护】原本按照作用域的限制,函数的局部变量不能【转载请注明来源】【作者:唐霜】被外部环境访问,更不能被修改,但是闭包却【版权所有,侵权必究】著作权归作者所有,禁止商业用途转载。使得外部环境不仅可以读取到局部变量的内容本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。,甚至可以修改它,深入一点就是:闭包会导致闭包函数所涉及到的非自身定义的【版权所有】唐霜 www.tangshuang.net本文作者:唐霜,转载请注明出处。变量一直保存在内存中,包括其父函数在内的著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net相关环境都不会被销毁。
本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。原创内容,盗版必究。【转载请注明来源】【未经授权禁止转载】闭包到底有什么用?【本文受版权保护】
原创内容,盗版必究。未经授权,禁止复制转载。【版权所有,侵权必究】【关注微信公众号:wwwtangshuangnet】【本文首发于唐霜的博客】说了这么多,那闭包到底有什么用,我们为什著作权归作者所有,禁止商业用途转载。【原创不易,请尊重版权】么要使用闭包呢?从上面的阐述中,你应该已未经授权,禁止复制转载。【关注微信公众号:wwwtangshuangnet】经知道了闭包的唯一作用:突破作用域限制。著作权归作者所有,禁止商业用途转载。【关注微信公众号:wwwtangshuangnet】那如何使用这个作用为程序服务呢?
【原创不易,请尊重版权】【关注微信公众号:wwwtangshuangnet】【版权所有,侵权必究】【版权所有】唐霜 www.tangshuang.net【版权所有,侵权必究】常驻内存,意味着读取速度快(,当然,内存【未经授权禁止转载】【访问 www.tangshuang.net 获取更多精彩内容】花销也大,导致内存溢出)。常驻内存,意味【转载请注明来源】原创内容,盗版必究。着一旦初始化以后,就可以反复使用同一个内【原创不易,请尊重版权】【转载请注明来源】存中的某个对象,而无需再次运行程序。而这转载请注明出处:www.tangshuang.net【版权所有】唐霜 www.tangshuang.net一点,是很多插件、模块的设计思想。
【版权所有】唐霜 www.tangshuang.net【原创内容,转载请注明出处】【作者:唐霜】【关注微信公众号:wwwtangshuangnet】【本文首发于唐霜的博客】最好的例子就是上文我举得那个define【本文首发于唐霜的博客】【原创内容,转载请注明出处】()的例子,后面用我们今天所了解的形式去本文版权归作者所有,未经授权不得转载。【本文受版权保护】实践之后,你就会发现原来可以把funct【版权所有】唐霜 www.tangshuang.net【关注微信公众号:wwwtangshuangnet】ion当做一个其他语言中的class来对【关注微信公众号:wwwtangshuangnet】本文版权归作者所有,未经授权不得转载。待,cat.getAge(), cat.【未经授权禁止转载】【原创不易,请尊重版权】grow()这样的操作是不是很符合我们在【作者:唐霜】【原创内容,转载请注明出处】编程中的使用习惯呢?一旦一个产生之后,这未经授权,禁止复制转载。【转载请注明来源】个cat就一直在内存中,随时可以拿出来就本文作者:唐霜,转载请注明出处。【原创不易,请尊重版权】用,它就是一个实例化对象。
转载请注明出处:www.tangshuang.net著作权归作者所有,禁止商业用途转载。原创内容,盗版必究。转载请注明出处:www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】为了更形象,我们来创建一个简单的代码块:
【本文首发于唐霜的博客】著作权归作者所有,禁止商业用途转载。【作者:唐霜】【关注微信公众号:wwwtangshuangnet】本文作者:唐霜,转载请注明出处。function Animal() {
this.age = 1;
this.weight = 10;
return {
getAge: function() {
return this.age;
},
getWeight: function() {
return this.weight;
},
grow: function() {
this.age++;
this.weight = this.age * 10 * 0.8;
}
};
}
function Cat() {
var cat = new Animal(); // 继承
cat.grow = function() {
cat.age++;
cat.weight = cat.age * 10 * 0.6;
}
return cat;
}
var cat1 = new Cat();
alert(cat1.getAge());
cat1.grow();
alert(cat1.getAge());
为什么要举这个例子呢,因为我想让你想象这本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。样一种场景,如果没有闭包怎么办?
【转载请注明来源】本文作者:唐霜,转载请注明出处。【版权所有】唐霜 www.tangshuang.net没有闭包是这样的一种状态:函数无法访问自转载请注明出处:www.tangshuang.net【版权所有】唐霜 www.tangshuang.net己父级(祖先,全局)对象的变量。比如:
【版权所有】唐霜 www.tangshuang.net原创内容,盗版必究。【关注微信公众号:wwwtangshuangnet】var a = 1;
function add() {
return ++a; // 如果没有闭包机制,会undefined报错
}
这种情况怎么办?必须以参数的形式传入到函原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。数中:
原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。【版权所有,侵权必究】本文版权归作者所有,未经授权不得转载。var a = 1;
function add(a) {
return ++a;
}
alert(add(a)); // 2
如果是这样,就很麻烦了,你需要在每一个函【转载请注明来源】本文作者:唐霜,转载请注明出处。数中传入变量。而更麻烦的是,没有了作用域本文版权归作者所有,未经授权不得转载。转载请注明出处:www.tangshuang.net的突破,例如:
本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。未经授权,禁止复制转载。【本文首发于唐霜的博客】转载请注明出处:www.tangshuang.netfunction Cat() {
age = 1;
function getAge(age) {
return age;
}
function grow(age) {
age ++;
}
return {
getAge : getAge,
grow : grow
}
}
var cat = new Cat();
cat.grow();
alert(cat.getAge()); // 1,没有被修改
这种情况下,我们无论如何都无法使用这种办【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】法来实现我们的目的。唯一能够实现的,就是【关注微信公众号:wwwtangshuangnet】本文版权归作者所有,未经授权不得转载。按照下面这种方法:
【原创内容,转载请注明出处】未经授权,禁止复制转载。未经授权,禁止复制转载。本文版权归作者所有,未经授权不得转载。【转载请注明来源】var cat = {
age : 1,
weight : 10,
grow : function() {
this.age ++;
this.weight += 3;
}
};
var cat1 = cat;
alert(cat1.age);
cat1.grow();
alert(cat1.age);
我们聪明的使用到了this关键字,但是这【版权所有,侵权必究】本文版权归作者所有,未经授权不得转载。样一个坏处是,age, weight这些本文作者:唐霜,转载请注明出处。【未经授权禁止转载】属性直接暴露给外部,我们只需要执行 ca未经授权,禁止复制转载。【版权所有,侵权必究】t1.age = 12; 就可以马上让c著作权归作者所有,禁止商业用途转载。【未经授权禁止转载】at长到12岁,而体重却没任何变化。
【转载请注明来源】本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net总结而言,闭包可以带来这么几个方面的应用【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】优势:
转载请注明出处:www.tangshuang.net【未经授权禁止转载】未经授权,禁止复制转载。【版权所有】唐霜 www.tangshuang.net【原创不易,请尊重版权】- 常驻内存,加快运行速度【版权所有】唐霜 www.tangshuang.net 【关注微信公众号:wwwtangshuangnet】【本文受版权保护】【本文受版权保护】未经授权,禁止复制转载。
- 封装本文版权归作者所有,未经授权不得转载。 【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】
闭包使用中的注意点转载请注明出处:www.tangshuang.net
【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】【版权所有,侵权必究】【本文首发于唐霜的博客】【关注微信公众号:wwwtangshuangnet】除了上面提到的内存开销问题外,还有一个需著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。要被注意的地方,就是闭包所引用的外部变量【本文受版权保护】【关注微信公众号:wwwtangshuangnet】,在一些特殊情况下会存在与期望值不同的误本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。差。
【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】原创内容,盗版必究。function init() {
var pAry = document.getElementsByTagName("p");
for( var i=0; i<pAry.length; i++ ) {
pAry[i].i = i;
pAry[i].onclick = function() {
alert(this.i);
}
}
}
在上面这段代码中,你希望通过一个循环,来本文作者:唐霜,转载请注明出处。【原创不易,请尊重版权】为每一个p标签绑定一个click事件,然【关注微信公众号:wwwtangshuangnet】【转载请注明来源】而不幸的是,for循环中使用的闭包函数没【原创不易,请尊重版权】转载请注明出处:www.tangshuang.net有让你如愿以偿,在闭包函数中,i被认作p本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。Ary.length,也就是循环到最后i【作者:唐霜】【原创不易,请尊重版权】的最终值。为什么会这样呢? 原来,闭包【访问 www.tangshuang.net 获取更多精彩内容】原创内容,盗版必究。引用变量,而非直接使用变量,“引用”的意【本文首发于唐霜的博客】著作权归作者所有,禁止商业用途转载。思是将指针指向变量的内容。由于这个原因,【未经授权禁止转载】【作者:唐霜】当i=0的时候,闭包里面的i确实是0,但未经授权,禁止复制转载。转载请注明出处:www.tangshuang.net是当随着i的值变大的时候,闭包内的i并没未经授权,禁止复制转载。本文版权归作者所有,未经授权不得转载。有保存当前值,而是继续把指针指向i的内容本文作者:唐霜,转载请注明出处。【本文受版权保护】,当你点击某个p标签的时候,i的内容实际【未经授权禁止转载】【原创内容,转载请注明出处】上是for到最后i的值。
未经授权,禁止复制转载。【未经授权禁止转载】转载请注明出处:www.tangshuang.net【版权所有,侵权必究】同样,这个问题会出现在setTimeou【访问 www.tangshuang.net 获取更多精彩内容】【访问 www.tangshuang.net 获取更多精彩内容】t,setInterval,$.ajax未经授权,禁止复制转载。【关注微信公众号:wwwtangshuangnet】等这类操作中,你只要记住,当你绑定操作时【作者:唐霜】原创内容,盗版必究。,和执行操作时,对应的变量是否已经变化就【版权所有】唐霜 www.tangshuang.net【关注微信公众号:wwwtangshuangnet】OK了。
原创内容,盗版必究。【作者:唐霜】本文作者:唐霜,转载请注明出处。【未经授权禁止转载】本文作者:唐霜,转载请注明出处。2016-04-16 7672



不是看不懂,是把代码分好块,就一下子明白了
[…] 本文中的这个知识点涉及到一个“闭包”的概念,当然这里不是意义上的闭包,但是了解闭包概念,在此处的理解上会容易一些。 […]