当前位置：IT橙子的前端技术博客 > 前端笔记 > 正文

如何理解闭包？

时间：2018-04-27 来源：网络 分类：前端笔记 阅读：

在前端开发中，闭包函数是我们经常遇到的，可能遇到过很多次，但是很多人对于它的概念并不是那么清晰，理解概念有助于更好的使用闭包函数，避免闭包函数的滥用。今天就和大家分享一篇最近看到的比较全面的关于理解闭包的文章。
 
用一句话理解：闭包就是能够读取其他函数内部变量的函数。也可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。
 
具体可以分为一下几点理解：

1、定义和用法：当一个函数的返回值是另外一个函数，而返回的那个函数又调用了其父函数内部的其它变量，返回的这个函数在外部被执行，就产生了闭包。
 
2、表现形式：使函数外部能够调用函数内部定义的变量。
 
3、实例如下：
 
(1)、根据作用域链的规则，底层作用域没有声明的变量，会向上一级找，找到就返回，没找到就一直找，直到window的变量，没有就返回undefined。这里明显count 是函数内部的flag2 的那个count 。
 
var count=10;   //全局作用域 标记为flag1
function add(){
    var count=0;    //函数全局作用域 标记为flag2
    return function(){
        count+=1;   //函数的内部作用域
        alert(count);
    }
}
var s = add()
s();//输出1
s();//输出2

4、变量的作用域
 
要理解闭包，首先必须理解Javascript特殊的变量作用域。
 
变量的作用域分类：全局变量和局部变量。
 
特点：
 
1、函数内部可以读取函数外部的全局变量；在函数外部无法读取函数内的局部变量。
 
2、函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！
 
5、使用闭包的注意点
 
1）滥用闭包，会造成内存泄漏：由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。
 
2）会改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。
-------------------------------------------正文完~-------------------------------------------

关于橙子

    橙子，一个奋斗在前端路上的女程序员~~

    橙子，热爱前端，关注前端，4年的前端工作经验，熟练掌握前端各项技能，熟练多种前端框架，希望遇到志同道合的前端朋友们，一起学习交流，共同进步！

学习交流

  • 微信公众号：IT橙子6 微信扫一扫添加关注 获取更多前端学习资料！
  • QQ交流群：592969963 IT橙子前端技术交流群

相关推荐