JavaScript中的全局变量是如何工作的

Question

我是一个javascript新手。我通常用Java编程。我对下面的代码片段感到困惑。

<script>
 x = "foo";
function bar(p){
  if (p){
    document.writeln("x = " + x);
  } else {
    var x = "baz";
  }
}
bar("baz");
</script>

当我运行上面的代码时，它的打印

 x = undefined

为什么打印undefined，因为x是一个全局变量，它应该打印foo正确吗?谁能解释一下?

Answer 1

由于x是一个全局变量，它应该输出foo右

如果它没有被函数中进一步的var x = "baz";声明遮蔽，它就会;由于提升，它将执行函数，就好像你写了

function bar(p){
  var x; // = undefined
  if (p){
    document.writeln("x = " + x);
  } else {
    x = "baz";
  }
}

要使代码做你想做的，你可以简单地写x = "baz";而不是var x = "baz";。

Answer 2

试试这个输出是x = foo

var x="foo";
function bar(p){
  if (p){
    document.writeln("x = " + x);
  } else {
    x = "baz";
  }
}
bar("baz");