闭包概念
闭包是指有权访问另外一个函数作用域中的变量的函数.可以理解为(能够读取其他函数内部变量的函数)。
也可以通俗的理解为:
function中可以存在另一个的function,在其内部生成一个局部的作用域。在function外部可以直接访问这个function中的变量。
闭包的作用: 正常函数执行完毕后,里面声明的变量被垃圾回收机制处理掉,但是闭包可以让作用域里的变量,在函数执行完之后依旧保持没有被垃圾回收处理掉
坏处:闭包会使得函数内部的变量都被保存在内存中,造成较大的内存开销,因此不要滥用闭包。解决的方法是在退出函数之前将不使用的局部变量置为 null ;
一个简单的闭包实例:
function Closure(){
var count=1; //只会执行一次
return function (){
count++;
console.log(count);
}
}
var fn=Closure();
//console.log(fn);
// 结果输出为function (){
// count++;
// console.log(count);
// }
fn(); //2
fn(); //3
经典面试题:改造下面的代码,使之输出0 - 9
for (var i = 0; i< 10; i++){
setTimeout(() => {
console.log(i);
}, 1000)
}
方法一
利用 setTimeout 函数的第三个参数,会作为回调函数的第一个参数传入
for (var i = 0; i < 10; i++) {
setTimeout(i => {
console.log(i);
}, 1000, i)
}
方法二、使用 let 变量 的特性
for (let i = 0; i < 10; i++) {
setTimeout(() => {
console.log(i);
}, 1000)
}
等价于
for (let i = 0; i < 10; i++) {
let _i = i;// const _i = i;
setTimeout(() => {
console.log(_i);
}, 1000)
}
方法三、利用函数自执行的方式,把当前 for 循环过程中的 i 传递进去,构建出块级作用域。
for (var i = 0; i < 10; i++) {
(i => {
setTimeout(() => {
console.log(i);
}, 1000)
})(i)
}