javascript闭包

Posted 2020-10-13

作者：刘志祥

时间：2017.11.9

 

闭包一直作为javascript的重点和难点，一般刚入门都无法深入的理解闭包，只是能了解其皮毛。

在专业文献中"闭包"（closure）定义非常抽象，很难看懂。粗略的理解，闭包就是能够读取其他函数内部变量的函数。

由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。

所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。在深入一点，闭包和垃圾回收机制紧密相关，闭包能保证变量一直在内存中而不被垃圾回收机制回收。

使用闭包的注意点

1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

以下两个例子能很好的帮助理解闭包：

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()());

其中第一段代码弹出The Window,第二段弹出My Object。

理解：

因为this是在运行时才确定的，指向当前执行的上下文。在后面加一对括号是执行这个函数。

1. object.getNameFunc()返回了一个匿名函数:

   function(){   
       return this.name;   
   };

   此时this指向全局对象window，所以输出The Window（window.name).

2. object.getName()的上下文是object，所以输出My Object（object.name).