JavaScript 运行顺序问题

Question

我有一个非常简单的 Javascript 代码，无法完全理解运行顺序和输出。

function f1() {

    n = 999;

    change = function() {
        n = "Barry";
    };
    return change;

}

var result = f1();

result(); 
console.log(n)
change();
console.log(n)

输出：

Barry
Barry

据我了解，我定义了一个全局变量 n，并且 n = 999。 然后我创建了一个将 globalen 定义为“Barry”的函数。并将此功能分配给更改。并返回此更改变量。

然后我触发这个 f1()，并对结果进行更改。在这个时间点，更改是一个函数，但尚未运行。

那么为什么第一个 Console.log 会返回我的 Barry？然后更改还没有运行..

Answer 1

您没有使用var、let 或const 在范围内正确声明变量，因此它污染了全局或外部范围。

n 已更改，因为 result === change 和 change 将 n 设置为 Barry。

Answer 2

这种行为的原因就在这一行，

var result = f1(); // n - 999

此时您正在调用内部函数并将 n 设置为 Barry

result(); // n - Barry

我不确定你是如何直接调用这个函数的。但希望它只是一个伪代码

change(); // n - Barry

这意味着，

 result() === change()

Answer 3

当你调用结果函数时，这里是序列。

function f1(){
  //declares n variable
  //declares change function
  //return change function, and calls it, at this point it changes n to "barry".
}

Answer 4

为什么第一个 Console.log 会返回我的 Barry？然后更改还没有运行..

是的，您只是在调用result() 之后才调用console.log。请尝试以下操作：

var n, change;
function f1() {

    n = 999;

    change = function() {
        n = "Barry";
    };
    return change;

}

console.log(n);
var result = f1();
console.log(result === change);
console.log(n);
result(); 
console.log(n);
change();
console.log(n);