js中关于闭包的理解

JavaScript06

js中关于闭包的理解,第1张

闭包的概念

    所谓的闭包就是利用作用域的嵌套，将原本的局部变量进化成私有变量，同时在作用域的外部能够拿到该变量的环境，就叫做闭包！

闭包的特点

    1.比较消耗性能

    2.避免了全局变量的污染

    3.可以在外部操作内部的变量，方便 但是不安全

    4.低版本浏览器会造成内存的泄露

    5.将原本要删除的变量保存起来，方便下一次使用

闭包的原理

    表现 ：作用域的嵌套

    本质 ：函数的定义区域： 函数的定义作用域

               函数的执行区域： 函数的执行作用域

    关系 ：执行时，可以拿到定义作用域的所有变量

    像这种利用作用域嵌套，拿到内部变量的 环境，都可以看做成闭包。(利用作用域的嵌套，触发了计算机的垃圾回收机制，将原本要删除的变量临时保存到新的作用域中)

  应用场景： 1.循环内绑定的事件  2. 事件处理函数  3.计时器 

写这个文章也是为了回顾下闭包的只是点，其实许多前端对闭包都有点一知半解，包括我自己也是。

闭包函数：声明在一个函数中的函数，叫做闭包函数。

闭包：内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后。其实闭包在我看来就是变量作用域的。

let c = test()其实就是将test函数运行的结果赋值给c，其返回的是d方法

执行后的结果是30，因为正常来说a和b其实是局部变量，只作用于test函数。而c()的运行环境并没有变量a和b，其实这就是b包。由于在javascript中，只有函数内部的子函数才能读取局部变量，所以说，闭包可以简单理解成“定义在一个函数内部的函数“。

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

1、是前面提到的 可以读取函数内部的变量

2、是 让这些变量的值始终保持在内存中 ，不会在调用后被自动清除。

闭包的注意事项：

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

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

在网上看到了一道练习题，跟this指向也有关系，可以看下

var name = "The Window"

var object = {

name : "My Object",

getNameFunc : function(){

return function(){

return this.name

}

}

}

alert(object.getNameFunc()())

当内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。Chrome限制了浏览器所能使用的内存极限，64位为1.4GB，32位为1.0GB。

1.意外的全局变量

.未声明变量

.使用this创建的变量(this指向window)

解决办法：

.避免创建全局变量

.使用严格模式，在js文件头部或者函数的顶部加上use strict

2.闭包引起的内存泄露

原因：闭包可以读取函数内部的变量，然后让这些变量是始终保存在内存中。如果在使用结束后没有将局部变量清除，就可能导致内存泄露。

解决：将事件处理函数定义在外部，解除闭包，或者在定义事件处理函数的外部函数中。

3.没有清除的DOM元素引用

原因：虽然别的地方删除了，但是对象中还存在对DOM的引用。

解决办法：手动删除，赋值为null

4.被遗忘的定时器或者回调

解决办法：手动删除定时器和DOM，removeEventListener移除事件监听