JavaScript 提升 : Function Can Refer to Another Function Declared Below It?

Question

我有:

// Shouldn't we have the following hoisted?
// var multiply; (undefined)
// var add; (undefined)

var multiply = function(num) {
  return add(num) * 2;
};

var add = function(num) {
  return num + 1;
};

console.log(multiply(1)); // No error, somehow "multiply" calls "add"!

我认为 JavaScript 变量被提升到顶部，而不是它们分配给的值。不知何故 multiply 调用 add 不会返回错误，即使 add 是在 multiply 下声明的。

Answer 1

你是正确的，声明被提升到顶部，而赋值则没有。

但是，函数在创建时不会将任何变量的值保留在它们之外。相反，当它们被调用时，它们会使用它们中的任何东西。在这种情况下，add是undefined当multiply函数已创建，但在 multiply 之前被分配了一个函数被调用，所以 multiply使用新分配的函数。

要更清楚地看到这一点，请考虑以下代码:

var multiply = function(num) {
    return add(num) * 2;
};

// Would be an error
// console.log(multiply(1));

var add = function(num) {
    return num + 1;
};

console.log(multiply(1)); // Prints 4

add = function(num) {
    return num + 2;
};

console.log(multiply(1)); // Prints 6

最后console.log版画 6因为 multiply 在 add 中使用了新函数而不是保留以前的那个。