定义为参数的函数的闭包

Question

免责声明：这个问题纯粹是出于好奇，并且与 javascript 的工作原理有很大关系。

我了解以下代码为何有效。由于闭包， foo 可以访问 a 所在的范围。这是有道理的。

var a = 10

var foo = function(){
console.log(a);
}

setTimeout(foo,1000)

但是，我想知道为什么以下内容也有效（稍后解释）。

var a = 10
setTimeout(function(){
console.log(a);
},1000)

函数在接收它的函数的参数中定义，本质上从来不是包含a 的范围的闭包。我们知道，当一个函数接收一个参数时，它会为该参数创建一个局部变量，例如

var outerVar="5"

var bar = function(a){
//implicitly, var a = outerVar happens here
console.log(a)
}

bar(something);

所以按照这个逻辑，传递给setTimeout 的函数无法访问a，但它确实可以。

我怀疑当一个函数在参数空间中定义时会发生什么，它实际上是在被分配为参数之前定义的，但没有证据证明这一点。任何指针都非常感谢。

非常感谢。

Answer 1

这不完全是关闭，但它很接近。

严格来说，闭包是指变量的作用域结束，但仍被封闭在仍然存在的内部函数中：

function createTimer() {
  let counter = 0;
  return function() {
    return counter++;
  }
}

const timer = createTimer(); // function() { ... }
console.log(timer(), timer(), timer()); // 0, 1, 2

定义counter的函数已经返回，作用域结束，正常情况下counter应该已经死掉，垃圾回收了。但是从createTimer() 返回的内部函数仍然有一个对它的引用，来自封闭范围，这是一个闭包。

---

在 JavaScript 中，每个函数都可以访问其所有祖先的所有作用域，这就是您在此处看到的。

传递给setTimeout() 的函数可以访问a，因为a 是在它周围的范围内定义的。

Answer 2

当您查看 javascript 代码并了解其工作原理时，我认为最好的方法是首先了解 javascript 引擎的工作原理。

首先它遍历代码并将所有变量分配给范围，然后在第二个跟踪中它根据范围分配值。

所以在你的第一个代码中， 引擎首先遍历并赋值 var a 到全局范围， var foo 作为全局范围， 然后当 setTimeout 运行时，它调用 foo 函数并将 a 的值记录为全局 a 的值，因为它没有任何本地“a”，因此检查词法范围。

在您的第二个代码中，

Var a 再次是全局范围的 这次没有其他声明。 在第二次遍历中，它将值 10 分配给 a 并解释 settimeout 并打印值

在您的第三个代码中， 与第二个相同，除了“foo”给 settimeout 函数，你写了你的回调函数然后 n 本身。

当它执行 setTimeout 时， 您的每个代码在它们正在访问的全局范围内都有“a”的值。