同一函数作用域不同实例的闭包疑问：为何回调能获取正确参数？

嘿，我来帮你把这个困惑捋清楚——其实你离正确理解只差一步关键细节，咱们结合代码慢慢说：

首先看你的代码：

function foo(a){ setTimeout(function(){ debugger; a; }, 1000); }
foo(1);
foo(2);
foo(3);

核心逻辑：每次foo调用都会生成独立的作用域 #

当你调用foo(1)、foo(2)、foo(3)时，这是三次完全独立的函数执行过程。JavaScript里，每一次函数调用都会创建一个专属的「执行上下文」（也就是函数作用域），这个作用域里会包含本次调用的参数a——第一次调用时a=1，第二次a=2，第三次a=3，这三个a分别属于三个完全不同的作用域，互相之间没有关联。

闭包捕获的是「作用域引用」，而非「值的快照」 #

你提到的“快照”说法其实不准确，闭包的本质是函数保留了对其定义时所在作用域的引用。这里的每个setTimeout回调函数，都是在某次foo调用的作用域里定义的，所以它会牢牢抓住这个作用域的引用。

因为三次foo调用的作用域是完全分开的，所以三个回调各自绑定的是自己对应的那个作用域。当1秒后回调触发时，它们访问的是自己绑定的作用域里的a，自然就能拿到正确的1、2、3。

对比一个常见的反例（帮你强化理解） #

你可以对比一下这个容易踩坑的代码：

for(var i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 1000);
}

这段代码会输出三次3，原因是var声明的i属于全局作用域，三个回调共享同一个作用域，当1秒后回调触发时，i已经变成3了。而你的代码里，每次foo调用都创建了独立的作用域，完美避开了这个问题。

总结一下：

• 每一次函数调用都会生成独立的作用域，里面的变量/参数是专属的
• 闭包持有对作用域的引用，而不是某个时刻的值的副本
• 你的代码里三个回调分别绑定了三次foo调用的独立作用域，所以能拿到各自对应的a值

内容的提问来源于stack exchange，提问作者Mohamed Mostafa