以下HTML / javascript代码中的一些混淆

本文介绍了以下HTML / javascript代码中的一些混淆的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

<html>
<body>
<script language="javascript" type="text/javascript">

var x = 1;

function ChangeXto2() {
  x = 2;
}

function ChangeXto3() {
  var x = 3;
}

document.write(x);

ChangeXto2();
document.write(x);

ChangeXto3();
document.write(x);

</script>
</body>
</html>


<!--
the output in the above code is 122. Can you tell why ?? And why the out is not 123 ??

But in the code below the output is 123.
All I did was copy paste the above code and omit the var before x = 3 in function ChangeXto3()
-->


<html>
<body>
<script language="javascript" type="text/javascript">

var x = 1;

function ChangeXto2() {
  x = 2;
}

function ChangeXto3() {
  x = 3;
}

document.write(x);

ChangeXto2();
document.write(x);

ChangeXto3();
document.write(x);

</script>
</body>
</html>


<!--
Why 2 different outputs ?
-->

推荐答案

function ChangeXto3() {
  var x = 3;
}

主要的是你申报变量的地方。如果在函数中声明它将是函数的局部变量。如果你在你的函数之外声明它将是全局的。

这是一个解释：

[]

这篇关于以下HTML / javascript代码中的一些混淆的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！