面试题：JavaScript 公认符号对闭包的影响

Question

阐述JavaScript中闭包的概念，说明闭包形成与公认符号（如函数、变量声明符号等）之间的关系，并且举例说明如何通过合理使用这些符号来避免闭包可能带来的内存泄漏问题。

Answer 1

1. 闭包的概念

闭包是指在 JavaScript 中，函数内部可以访问其外部作用域的变量，即使外部函数已经执行完毕，内部函数依然可以引用并操作这些变量。简单来说，闭包就是函数和其周围状态（词法环境）的组合。

2. 闭包形成与公认符号的关系

• 函数：闭包通常是由函数嵌套产生的。当一个内部函数在外部函数内部被定义，并且内部函数访问了外部函数作用域中的变量时，闭包就形成了。外部函数返回内部函数，使得内部函数可以在外部函数执行结束后依然存活，并访问其外部函数作用域中的变量。例如：

function outer() {
    let outerVar = 'I am from outer';
    function inner() {
        console.log(outerVar);
    }
    return inner;
}
let innerFunc = outer();
innerFunc(); 

这里 inner 函数形成了闭包，它能够访问 outer 函数作用域中的 outerVar 变量。

• 变量声明符号：在 JavaScript 中，使用 var、let、const 声明变量。var 存在函数作用域和变量提升问题，let 和 const 具有块级作用域且不存在变量提升。在闭包中，变量声明符号影响着变量的作用域和生命周期，进而影响闭包的行为。例如，let 和 const 在块级作用域内创建变量，在闭包场景下，如果使用不当，可能导致不同预期的结果。

3. 避免闭包可能带来的内存泄漏问题

闭包可能导致内存泄漏，因为闭包会使变量一直保存在内存中，直到不再被引用。以下通过合理使用函数和变量声明符号来避免：

• 及时释放引用：当闭包不再需要时，将引用闭包的变量设置为 null，这样垃圾回收机制就可以回收相关内存。例如：

function createClosure() {
    let largeObject = { /* 一个很大的对象 */ };
    function inner() {
        return largeObject;
    }
    return inner;
}
let closure = createClosure();
// 使用完闭包后
closure = null; 

• 使用块级作用域：利用 let 和 const 的块级作用域特性，避免不必要的变量在外部作用域长时间存在。例如：

function outer() {
    {
        let localVar = 'I am local';
        function inner() {
            console.log(localVar);
        }
        return inner;
    }
    // 这里 localVar 已经在块级作用域结束后不可访问，减少了闭包对其引用导致的内存占用
}
let innerFunc = outer();
innerFunc();