闭包

2023-05-26 15:19:18 浏览数 (2)

一、定义

只要在执行函数内访问外包作用域,即创建了闭包,如;

1. 自动形成的闭包

从上图中可知,由于func3内,访问了外部作用域的a、c、e变量,进而从左侧debug中可以看出形成了三个闭包,而b、d、f没有访问,进而没有形成闭包

2. 手动生成的闭包

代码语言:javascript复制
var num = 10;
function add() {
    var num = 0;
    return function() {
        console.log(num  )
    }
}
var func1 = add();
var func2 = add();
func1(); // 0
func1(); // 1
func1(); // 2
func1(); // 3
func2(); // 0

二、作用

通过闭包可以让外部环境访问到函数内部的局部变量。

延长变量声明周期,让局部变量持续保存下来,不随着它的上下文环境一起销毁。

将对变量写到一个独立的空间里面,避免全局变量污染。

三、内存泄露

像上图1中这种自动形成的闭包,垃圾回收机制会进行回收

如果人为的创建的闭包,垃圾回收机制不会自动回收,需要人为的进行回收,如:将变量置为null。

四、面试真题

打印啥?

代码语言:javascript复制
for (var i = 1; i <= 5; i  ) {
    setTimeout(function () {
        console.log(i);
    }, 1000);
}

答案: 6、6、6、6、6

如何让打印1、2、3、4、5

答案1: 利用ES6的块级作用域,将var改为let

答案2: 利用闭包

代码语言:javascript复制
for (var i = 1; i <= 5; i  ) {
    (function (i) {
        setTimeout(function () {
            console.log(i); // 1、2、3、4、5
        }, 1000);
    })(i)
}

0 人点赞