学习javascript闭包
来源:互联网 发布:软件机器人 编辑:程序博客网 时间:2024/05/23 20:50
闭包:是指有权访问另一个函数作用域变量的函数。
创建闭包的常见方式就是在一个函数内创建另一个函数。
理解如何创建作用域链以及作用域链的用途对于理解闭包非常重要。作用域链本质上是一个指向变量对象的指针列表,它只引用但不实际包含变量对象。无论在任何时候在函数中访问一个变量时,就会从作用域链中搜索相应名字的变量。
当某个函数被调用时,会创建一个执行环境(execution context)及相应的作用域链。然后使用arguments和其他命名参数来初始化活动对象(activation object)。但在作用域链中,外部函数的活动对象始终处于第二位,外部函数的外部函数的活动对象处于第三位……直至作用域终点的全局作用域。
一般来讲,当函数执行完毕后,局部活动对象会被销毁,内存中仅保存全局作用域(全局执行环境的变量对象),但是闭包的情况又有不同。
作用域链的这种配置机制引出了一个值得注意的副作用,即:闭包只能取得包含函数中任何变量的最后一个值。闭包保存的是整个变量对象而不是某个特殊的变量。
观察下面代码:
function createFunctions(){ var result=new Array(); for( var i=0;i<10;i++){ result[i]=function(){ return i; }; } for(var i=0;i<result.length;i++){ console.log(result[i]); } } createFunctions();
结果:
unction createFunctions(){ var result=new Array(); for( var i=0;i<10;i++){ result[i]=function(num){ return num; }(i); } for(var i=0;i<result.length;i++){ console.log(result[i]); }}createFunctions();
结果为:
function createFunctions(){ var result=new Array(); for( var i=0;i<10;i++){ result[i]=function(){ return i; }; } for(var i=0;i<result.length;i++){ console.log(result[i]); } } createFunctions();
结果同上。
闭包中使用this对象:
我们知道在闭包中,this对象是在运行时基于函数的执行环境绑定的:在全局函数中,this指向window,而当函数被当作某个对象的方法调用时,this指向那个对象。不过,匿名函数的执行对象具有全局性,因此其this对象通常指向window,不过,通常由于编写闭包的方式不同,这一点可能不会那么明显。
如下代码,注意区分:
var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ return function(){ return this.name; }; } }; alert(object.getNameFunc()());
var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ var that = this; return function(){ return that.name; }; } }; alert(object.getNameFunc()());
第二个代码和第一个代码的不同之处在于:在定义匿名函数前,我们把this对象付给了一个名为that的变量。而在定义了闭包之后,闭包仍然可以访问这个变量,因为它是我们在包含函数中特意声明的一个变量。
注意:this和arguments存在同样的问题,如果想访问作用域链中arguments对象,必须将对该对象的引用保存在另一个闭包也能访问的变量中。
以下几种情况也可能会导致this对象的改变:
var name="This window"; var object= { name: "my object", getName: function () { return this.name; } }; console.log(object.getName());//my object console.log((object.getName()));//my object console.log((object.getName=object.getName)());//this window
这个例子说明了,即使是细微的改变,都有可能意外改变this的值。
- 【javascript】学习Javascript闭包
- 学习Javascript闭包
- 学习javascript闭包
- javascript 闭包学习
- javascript 闭包学习
- JavaScript 闭包学习
- 学习Javascript闭包
- JavaScript闭包学习
- 学习JavaScript闭包
- 学习JavaScript闭包
- 学习JavaScript闭包
- 学习JavaScript闭包
- JavaScript学习-闭包
- 学习Javascript闭包
- 学习javascript闭包
- javascript闭包学习总结
- 学习Javascript闭包(转)
- javascript学习十三:闭包
- 《Java编程思想》转型与警告
- C语言 常犯的九个小错误
- 学习Java小结-3
- Kotlin一步一个脚印学习基础一
- 异常捕获机制
- 学习javascript闭包
- POj
- java练习题1
- DBConnect
- Hbase伪分布式配置
- Linux下修改权限命令
- 谷歌三大核心技术(一)Google File System中文版
- 后缀自动机详解
- java一些必会算法