什么是闭包?
函数A里面包含了函数B,而函数B里面使用了函数A的变量,那么函数B被称为闭包。 又或者:闭包就是能够读取其他函数内部变量的函数
function A() {
var a = 1;
function B() { console. log(a);
}
return B();
}
闭包的特征:
1、 函数内再嵌套函数
2、 内部函数可以引用外层的参数和变量
3、 参数和变量不会被垃圾回收制回收
对闭包的理解:
使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染,缺点是 闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。在js中,函数即闭包, 只有函数才会产生作用域的概念
闭包的最大用处有两个,一个是可以读取函数内部的变量,另一个就是让这些变量始终保持 在内存中
闭包的另一个用处,是封装对象的私有属性和私有方法
闭包的好处:
能够实现封装和缓存等
闭包的坏处:
就是消耗内存、不正当使用会造成内存溢出的问题
使用闭包的注意点:
由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会 造成网页的性能问题,在IE中可能导致内存泄露
解决方法是:在退出函数之前,将不使用的局部变量全部删除
闭包的经典问題:
for(var i = 0; i < 3; i++) {
console. log(i);
}, 1000);
}
这段代码输出
答案:3个3
解析:首先,for循环是同步代码,先执行三遍for, i变成了 3;然后,再执行异步代码setTimeout,这时
候输出的i,只能是3个3 了
有什么办法依次输出012
第一种方法
使用let
for (let i = 0; i < 3; i++) {
setTimeout(function() {
console. log(i);
}, 1000);
}
在这里,每个let和代码块结合起来形成块级作用域,当setTimeout()打印时,会寻找最 近的块级作用域中的i,所以依次打印出0 1 2
如果这样不明白,我们可以执行下边这段代码
for (let i = 0; i < 3; i++) {
console. log("定时器外部:"+ i);
setTimeout(funct ion() {
console.log(i);
第189页
}, 1000);
}
此时浏览器依次输出的是:
定时器外部:0
定时器外部:1
定时器外部:2
0
1
2
即代码还是先执行for循环,但是当for结束执行到了 setTimeout的时候,它会做个标记, 这样到了 console. log(i)中,i就能找到这个块中最近的变量定义
第二种方法
使用立即执行函数解决闭包的问题
for (let i = 0; i < 3; i++) {
(function (i){
setTimeout(function() {
console. log(i);
}, 1000);
})(i)
Was this helpful?
0 / 0