JS之闭包总结分享

一、作用域和作用域链

变量分为全局变量和局部变量。函数可以访问全局变量；但是函数外部不可以直接访问局部变量。

作用域链：在调用一个函数时，会为这个函数调用创建一个执行上下文，并创建一个作用域链。然后用 arguments 和其他命名参数来初始化这个函数的活动对象。外部函数的活动对象是内部函数作用域链上的第二个对象。这个作用域链一直向外串起了所有包含函数的活动对象，直到全局执行上下文才终止。

       

 

 

二、什么是闭包？&思考题

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

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

所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

 

思考：

 

 

其中每个result访问的都是一个匿名函数（闭包）。但是每个闭包指向的都是i。当然外层函数的i一直被闭包占用，造成内存的浪费。

 

每个外层的匿名函数对应一个内层的匿名函数，ceateFunction会在循环的时候会把i赋值给9个num。

 

This的指向取决于执行环境。

Object.getNameFunc（）其实等价于

function（）{

retrun this.name

}

alert的执行环境是全局，所以this指向的是window对象，输出the window

 

此处同样object.getNameFunc（）等于匿名函数。但是匿名函数调用的是that，它固定指向object对象。所以输出my obj。

三、闭包的应用

1. 单例模式

     需要一个执行一次的函数

    

 

    2.私有变量

 

四、闭包的危害

1. 内存泄露

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

1. 改变父函数的值

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

 

五、参考：

1. https://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 阮一峰，学习JS闭包
2. http://cavszhouyou.top/JavaScript%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E4%B9%8B%E9%97%AD%E5%8C%85.html  JS深入理解之闭包
3. JS红宝书第四版。10.14闭包。