javascript - 为什么函数表达式的位置在 Node js 中无关紧要？

Question

在 JavaScript 中，当使用函数表达式(例如 var myFunc = function() {...})时，与任何其他变量声明一样，您必须在之前 使用它。例如，以下示例将不 工作(将导致Uncaught TypeError: myFunc is not a function):

var myVar = myFunc();

var myFunc = function() {
    // code here...
}

然而，在我的一个node js项目的routes/index.js文件中，我有如下代码(明显缩写):

var router = express.Router();
.
.
.
router.post('/', function(req, res) {
    ...
    ...
    var myVar = myFunc(); // WORKS!
    ...
    ...
}

var myFunc = function() {
    ...
}

myFunc 变量在使用后 被声明，所以这不会引发错误吗？

Answer 1

这有两个方面:

1. 为什么回调可以传递给router.post访问 myFunc变量，当变量声明在代码中下方时？

2. 为什么回调可以传递给router.post访问分配给 myFunc 的功能变量，直到代码中下方才分配给变量？

首先我们将处理变量，然后我们将处理它的值(我们分配给它的函数):

The myFunc variable is declared after it is used, so shouldn't this throw an error?

如果 var没有被吊起。但是var被吊起。因此，当您的模块被加载时，首先 JavaScript 引擎会遍历它以找到所有变量声明和函数声明，处理它们，然后然后执行分步代码在你的模块中。

例如，对于 JavaScript 引擎，您的模块实际上看起来像这样:

var router = undefined;
var myFunc = undefined;

router = express.Router();
.
.
.
router.post('/', function(req, res) {
    var myVar = undefined;
    ...
    ...
    myVar = myFunc(); // WORKS!
    ...
    ...
}

myFunc = function() {
    ...
}

在我贫血的小博客上有更多相关信息:Poor misunderstood var

Why doesn't the location of a function expression matter in node js?

它确实。你没有遇到麻烦的唯一原因是 myFunc在您传递给 router.post 的回调 之前不会使用被调用，这是在您的模块脚本的顶级作用域代码已经运行(包括创建 myFunc 的表达式)之后。

例如，发生的情况是:

1. 准备工作(创建变量 router 和 myFunc 并将它们设置为 undefined)

2. express.Router调用，将新值分配给 router

3. 调用router.post ，传入但不调用回调函数

4. 创建函数，将新值赋给 myFunc

5. 稍后，当有请求进来时，回调被调用，此时myFunc已创建(并且可以访问，因为回调是声明 myFunc 的上下文的闭包)

这类似于:

setTimeout(function() {
    var myVar = myFunc();
}, 0);

var myFunc = function() {
    // code here...
}

第一个setTimeout被调用，然后函数被创建并分配给myFunc , 然后调用回调函数并通过 myFunc 调用函数.