一、什么是闭包?
闭包就是能够读取其他函数内部变量的函数,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。
函数的嵌套形成闭包,闭包包括函数本身以及它的外部作用域。使用闭包可以形成独立的空间,延长变量的生命周期,保存中间状态值。
js语言中,函数内部可以直接读取函数外部的全局变量,而函数外部却无法读取函数内部的变量。
那么如何获取函数内部的变量呢,那就是在函数内部,在定义一个函数,这个函数可以拿到它上一级函数的变量,接着把这个函数当成返回值返回,就可以拿到定义在函数内部的变量
简单的说,作用域是针对变量的,比如我们创建一个函数a1,函数里面又包了一 个子函数 a2。此时就存在三个作用域: 全局作用域、a1作用域、a2 作用域;即全局作用域包含了a1的作用域,a1 的作用 域包含了 a2的作用域。 当a2 在查找变量的时候会先从自身的作用域区查找,找不到再到上一级a1 的作用域 查找,如果还没找到就到全局作用域区查找,这样就形成了一个作用域链。 理解闭包首先要理解,js 垃圾回收机制,也就是当一个函数被执行完后,其作用域会被 收回,如果形成了闭包,执行完后其作用域就不会被收回。 如果某个函数被他的父函数之外的一个变量引用,就会形成闭包。 闭包的作用,就是保存自己私有的变量,通过提供的接口(方法)给外部使用,但外部 不能直接访问该变量。
JS中的垃圾回收机制:
在Javascript 中,如果一个对象不再被引用,那么这个对象就会被GC 回收。如 果两个对象互相引用,而不再被第3者所引用,那么这两个互相引用的对象也会被回收。 因为函数 a被b引用,b又被 a外的 c引用,这就是为什么 函数 a 执行后不会被回收的原 因。
<script> function outer(){ var num = 1; function inner(){ var n = 2; alert(n+num) } return inner; } outer()();//弹出3 </script>
function say667() { var num = 666; var sayAlert = function() { alert(num); } num++; return sayAlert; } var sayAlert = say667(); sayAlert()//弹出667
执行say667()后,say667()闭包内部变量会存在,而闭包内部函数的内部变量不会存在,使得JavaScript的垃圾回收机制GC不会收回say667()所占用的资源,因为say667()的内部函数的执行需要依赖say667()中的变量。
function fun1(){ var a=100 return function fun2(){ console.log(a) } } var result=fun1()//这个时候返回的是fun2函数 result()//再次调用 打印输出 100
注意点:函数内部声明变量的时候,一定要使用var 如果不用的话,实际上声明了一个全局变量
function fun(){ var a=100 } fun() console.log(a) //undefined 如果不用 var 变量声明 a 就变成了全局变量 function fun(){ a=100 } fun() console.log(a) //100
二、闭包的用途
最大用处有两个:①可以读取函数内部的变量
②就是让函数内部变量的值始终保存在内存中 ,在函数外可以多次操作函数内的某个数据
1、 普通函数: function fun1(){ var num=Math.random() return num } console.log(fun1()) //0.4369938417433006 console.log(fun1()) //0.348201884591129 打印 发现两次打印的结果不一致 因为在每次调用后,num的值会被自动清除 2、闭包: function fun1(){ var num=Math.random() return function fun2(){ console.log(num) } } var result=fun1() result()//0.5667691624507012 result()//0.5667691624507012 这次打印的结果就相同了 为什么会这样呢?原因就在于fun1是fun2的父函数,而fun2被赋给了一个全局变量,这导致fun2始终在内存中,而fun2的存在依赖于fun1, 因此fun1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收 垃圾回收机制:将没有用的数据,不存在依赖关系的变量清除掉
、闭包的优点
①实现封装,减少全局变量命名冲突
②保存自己的私有变量
③可以读取函数内部的变量
四、闭包的缺点,使用时注意的问题
1)内存泄露:由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
2)闭包会在父函数外部,改变父函数内部变量的值。不要随意改变父函数内部的值
var num = 100; var object = { num : 200, getNum : function(){ return function(){ return this.num; }; } }; alert(object.getNum()());//100
var num = 100; var object = { num: 200, getNum: function () { var that = this return function () { return that.num; }; } }; alert(object.getNum()());//200
参考详情https://blog.csdn.net/gaoshanwudi/article/details/7355794