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

为什么打印未定义，因为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");