问一个Javascript的作用域问题

Question

var x = "global";

function a() {
    console.log(x);

    var x = "local";

    console.log(x);
}


a();

---

为什么运行结果是 undifined 和 local 而不是global和local

Answer 1

自行搜索“声明提前”，函数实际上相当于

function a() {
    var x;
    console.log(x);
    x = "local";
    console.log(x);
}

Answer 2

变量声明提升，你的代码相当于:

var x = "global";

function a() {
    var x; // undefined 

    console.log(x);

    var x = "local";
    console.log(x);
}

a();

你可以看看MDN的javascript指南
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Grammar_and_types#Declarations

Answer 3

所以 ES6里面有了let

Answer 4

第一个log的x在函数作用域内没有被定义。

Answer 5

在函数内部声明的变量x会提升到函数顶部，相当于var x; 此时x值为undefined，第一次console.log(x)读取x的值会优先读取函数内变量x，所以结果是值为undefined

Answer 6

javascript的变量提升 Hoisting

Answer 7

要输出正确的，

function a() {
    console.log(x);

        x = "local"; //去掉var重新声明

    console.log(x);
}