JavaScript：了解闭包

Posted 2021-06-08 QXXXD

闭包

什么是闭包？

闭包就是能够读取其他函数内部变量的函数。由于在javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。

所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包的作用：

• 隐藏变量，避免全局污染
• 可以读取函数内部的变量

闭包的缺点：

• 导致变量不会被垃圾回收机制回收，造成内存消耗
• 不恰当的使用闭包可能会造成内存泄漏的问题

创建闭包：

function a(){
    var i=0;
    function b(){
        alert(++i);
    }
    return b;
}
var c=a();
c();

这段代码有两个特点：

• 函数b嵌套在函数a内部
• 函数a返回函数b

这样在执行完var c=a( )后，变量c实际上是指向了函数b，再执行c( )后就会弹出一个窗口显示i的值（第一次为1）。这段代码其实就创建了一个闭包，这是因为函数a外的变量c引用了函数a内的函数b。也就是说，当函数a的内部函数b被函数a外的一个变量引用的时候，就创建了一个闭包。

使用注意点：

• 由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

• 闭包会在父函数外部，改变父函数内部变量的值。所以，如果把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

相关面试题

1. 闭包的特征？

• 函数嵌套函数
• 函数内部可以引用外部的参数和变量
• 参数和变量不会被垃圾回收机制回收

2. 闭包应用场景？

• 作为返回值

function fn() {
    var max = 10;
    return function bar(x) {
        if (x > max) {
            console.log(x);
        }
    }
}
var f1 = fn();
f1(15);

• 作为参数传递

var max = 10;
function fn(x) {
    if (x > max) {
        console.log(x);
    }
}
(function(f) {
    var max = 100;
    f(15);
})(fn);

3. 实际开发中闭包的应用？
闭包实际应用中主要用于封装变量，收敛权限

function isFirstLoad() {
    var _list = []; // 有_的变量说明是私有变量，函数内部使用的
    return function(id) {
        if (_list.indexOf(id) >=0) { 
            // 也可用includes
            return false;
        } else {
            _list.push(id);
            return true;
        }
    }
}
// 使用
var firstLoad = isFirstLoad();
console.log(firstLoad(10)); // true
console.log(firstLoad(10)); // false
console.log(firstLoad(20)); // true
// 你在isFirstLoad函数外面，根本不可能修改掉_list的值