函数中的全局变量不更新

Question

我写这个简单的程序来更新JS吊装的价值。 但根据我的理解，全局x需要更新，但它没有更新。

x = 5;
var w = function(){
    x = 7
    var x;
    console.log(x);
    x = 10;
    console.log(x);
};
w();
console.log(x);

输出：

• 7
• 10
• 五

任何人都可以更详细地解释为什么它不更新全局x？

Javascript工作于值的引用，所以当我写x = 7时，它应该更新全局x。 但它不是！ 所以我只是想为什么x = 7不起作用？

谢谢！

Answer 1

在函数内部声明变量的那一刻，由于作用域规则从内到外的工作方式，它掩盖了全局变量。 因此，首先找到函数级var x变量，而不是您期望的全局变量。

JS转换了你的函数：

function(){
    x = 7
    var x;
    console.log(x);
    x = 10;
    console.log(x);
}

对此：

function(){
    var x;
    x = 7
    //var x;
    console.log(x);
    x = 10;
    console.log(x);
}

关于更新x = 7然后声明var x的问题，让我再解释一下。 Javascript代码不仅仅是执行，还有一个编译阶段。 在这个阶段，var声明在函数内部查看（除了发生的许多其他事情，但我只是坚持手头的问题）。 如果找到，它们将移动到函数的顶部。 这称为吊装。 此时您可以认为您的代码已被JS修改（var声明和赋值的顺序现在无关紧要）。 如果您只是认为代码被解释，那么订单很重要，但正如我所说，由于编译阶段，提升发生并且没有用这些术语思考会导致您产生混淆。 一旦你从编辑，提升角度看它，事情看起来更清晰。

希望能帮助到你！ 如需进一步学习，请阅读/收听有关javascript权限的Kyle Simpson。

Answer 2

因为您在函数的本地范围内重新声明了x 。 那是你给的10而不是全局的那个。

抛弃var x; 它会起作用。

x = 5;
var w = function(){
    x = 7
    // var x;
    console.log(x);
    x = 10;
    console.log(x);
};
w();
console.log(x);

话虽这么说，令你感到困惑的是吊装

提升是JavaScript将所有声明移动到当前范围顶部（到当前脚本或当前函数的顶部）的默认行为。

x = 5;
var w = function(){
    x = 7
    var x; // this is moved to the top of the local scope
    console.log(x);
    x = 10;
    console.log(x);
};
w();
console.log(x);

Answer 3

永远记住，局部变量具有最高优先级，并且请对全局变量和局部变量使用适当的命名约定，从而防止您导致此类错误。 在巨大的项目中很难被发现。