JS 的闭包包含以下要点:
- 函数声明的时候回生成一个独立的作用域;
- 同一作用域下的对象可以相互访问;
- 作用域呈层级包含状态,形成作用域链,子作用域的对象可以访问父作用域的对象,反之却不行;而且子作用域会使用最近的父作用域的对象;
- 参数和变量不会被垃圾回收机制回收。
建议把 GC 也搞清楚,为什么闭包有时候可能导致内存泄漏,怎么处理?哪些浏览器会发生哪些不会发生,这样自己写起代码来也更容易操作。
//循环里面包含闭包函数
function box(){
var arr = [];
for(var i=0;i<5;i++){
arr[i] = function(){
return i;//由于这个闭包的关系,他是循环完毕之后才返回,最终结果是4++是5
}//这个匿名函数里面根本没有i这个变量,所以匿名函数会从父级函数中去找i,
}//当找到这个i的时候,for循环已经循环完毕了,所以最终会返回5
return arr;
}
function box(){
var arr = [];
for(var i=0;i<5;i++){
arr[i] = (function(num){ //自我执行,并传参(将匿名函数形成一个表达式)(传递一个参数)
return num; //这里的num写什么都可以
})(i); //这时候这个括号里面的i和上面arr[i]的值是一样的都是取自for循环里面的i
}
return arr;
}
使用场景:
当我们需要在模块中定义一些变量,并希望这些变量一直保存在内存中但又不会“污染”全局的变量时,就可以用闭包来定义这个模块。闭包的缺点就是常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。