javascript - 如果在 express js 中间件中调用，为什么函数表达式会被提升？

Question

我们知道函数声明已提升，您可以从脚本中的任何位置调用它们。函数表达式不是这种情况。

例如:

 test();

 const test = () => {
    console.log(1+3);
 }

 When we call test() it will always return undefined.

但是当我们在 expressjs 中间件中调用相同的函数时，这不会发生。

router.get('/', (req, res, next) => {
   test(); // it will return always the result 4
})

const test = () => {
   console.log(1+3);
}

有人可以向我解释为什么会这样吗？

Answer 1

您的第一个片段在完全按照您显示的方式运行时会生成此错误:

ReferenceError: test is not defined

您的第二个代码片段有效，因为模块已初始化并且 const test 已定义。然后一段时间后，路由回调被调用并且 test 现在被定义并且在模块范围内有一个值。

对于let和const，在初始化之前在运行代码中引用它们是错误的。这就是第一个代码片段生成 ReferenceError 的原因。

但是，一旦初始化，它们就可以在定义它们的范围内的任何地方使用。有些人将此提升到范围的顶部。因为这与 var 提升不同，所以我只是将其视为一旦定义了 const 或 let 符号，它就可以在其范围内的任何地方使用，即使在可能稍后调用但出现在文件中较早的代码中也是如此。这与 Javascript 的运行时变量查找是一致的。在第二个代码片段中执行路由处理程序时，将在其范围内动态查找符号 test。由于 const test 已经运行并在路由处理程序被调用时被初始化，它会找到一个已经初始化的 test 变量和 test()工作得很好。

在您的第一个代码片段中，test 的动态查找失败，因为当您尝试调用 test() 时 const test 尚未运行> 并创建了 ReferenceError。

---

您可以在这段代码中看到更简单的演示，它与您的第二个代码段几乎相同:

function a() {
    test();
}

const test = () => {
    console.log(1+3);
}

a();

在这里，我们定义了函数a，然后将const test定义为一个函数。然后，我们调用 a()，后者又调用 test()。由于事件的顺序是:

1. 定义函数a
2. 将 const test 定义为一个函数
3. 调用a()
4. 然后调用 test()

而且，所有符号都可以从模块范围访问，然后您可以看到 test 在它被调用之前定义，因此代码可以工作。