面试题：JavaScript 中闭包如何影响异步编程的作用域

Question

请阐述在 JavaScript 里，闭包是怎样影响异步函数（如使用 setTimeout 或 Promise）的作用域的，并举一个具体的代码示例说明两者之间的联系。

Answer 1

闭包对异步函数作用域的影响

1. 闭包的概念：闭包是指函数能够访问并记住其词法作用域，即使函数在其原始作用域之外执行。在JavaScript中，函数在创建时会生成一个作用域链，闭包使得函数在执行时可以访问这个作用域链中的变量。
2. 对异步函数作用域的影响：当异步函数（如setTimeout或Promise）使用闭包时，它们可以访问闭包所包含的变量。这意味着，即使异步操作在函数定义之后的某个时间点执行，它依然可以访问到定义时所在作用域的变量。这种特性可以导致一些有趣的行为，例如变量捕获和延迟求值。

代码示例

function outerFunction() {
    let count = 0;

    // 使用setTimeout作为异步函数示例
    setTimeout(() => {
        console.log(count); // 输出: 1
    }, 1000);

    count++;
}

outerFunction();

// 使用Promise作为异步函数示例
function anotherOuterFunction() {
    let value = 'initial';

    return new Promise((resolve) => {
        setTimeout(() => {
            resolve(value);
        }, 1500);
        value = 'changed';
    });
}

anotherOuterFunction().then((result) => {
    console.log(result); // 输出: changed
});

在上述代码中，setTimeout中的箭头函数形成了闭包，它可以访问outerFunction作用域中的count变量。同样，Promise内部的setTimeout也形成闭包，能访问anotherOuterFunction作用域中的value变量。由于闭包记住了词法作用域，所以在异步操作执行时，访问到的是闭包创建时所在作用域中变量的当前值。