Javascript重新声明的全局变量覆盖旧值_Javascript_Global Variables_Scope

Javascript重新声明的全局变量覆盖旧值

javascript

Javascript重新声明的全局变量覆盖旧值,javascript,global-variables,scope,Javascript,Global Variables,Scope,前几天我遇到了一个有趣的问题，我想知道是否有人能解释为什么会发生这种情况。以下是我正在做的事情（为了本例的目的，我稍微简化了示例）：我正在使用方括号符号创建一个全局范围的变量，并给它赋值后来我声明了一个与我刚才创建的变量同名的变量。注意我没有赋值。由于这是同一变量的重新声明，因此不应按此处所述覆盖旧值：问题是旧值实际上会被覆盖，在上面的示例中，警报显示“new”而不是“old”。为什么? 我想另一种表达我的问题的方式是，上述代码在语义上与下面的代码有何不同： //create glo

前几天我遇到了一个有趣的问题，我想知道是否有人能解释为什么会发生这种情况。以下是我正在做的事情（为了本例的目的，我稍微简化了示例）：

我正在使用方括号符号创建一个全局范围的变量，并给它赋值
后来我声明了一个与我刚才创建的变量同名的变量。注意我没有赋值。由于这是同一变量的重新声明，因此不应按此处所述覆盖旧值：
问题是旧值实际上会被覆盖，在上面的示例中，警报显示“new”而不是“old”。为什么?

我想另一种表达我的问题的方式是，上述代码在语义上与下面的代码有何不同：

//create global variable 
var y = 'old';

//redeclaration of the same variable
var y;

if (!y) y = 'new';

alert(y); //shows Old

更新1：根据一些评论和答案，我重新表述了示例，以更好地反映我的原始问题

创建2个包含以下内容的javascript文件：脚本1

脚本2

//redeclaration of the same variable
var y;

if (!y) y = 'new';

alert(y); //shows New instead of Old in IE

在html文件中包含这两个文件

<html>
 <head></head>
 <body>

  <script type="text/javascript" src="my.js"></script>
  <script type="text/javascript" src="my2.js"></script>

 </body>
</html>

在Firefox中打开此页面，Chrome会提醒“old”，这是预期的行为。然而，在IE 8中，页面实际上会提醒“新建”

更新2问题移到这里：

当您使用

var y重新声明y
时

，现在它是未定义的，因此如果（！undefined）的计算结果为true，则


:
var
不会两次初始化变量，但会覆盖第一次未初始化的变量（因为它是一个新的、更局部的变量），window['y']
样式会这样做，将其添加到window对象中。以此为例:
//create global variable with square bracket notation
window['y'] = 'old';

//redeclaration of the same variable
var y;
alert(y); //undefined

alert(window.y); //old

if (!y) y = 'new';

alert(y); //shows New instead of Old
alert(window.y); //still old

在JS中，不能在同一范围内“重新声明”这样的变量
var x = "foo"
function a()
{
  alert(x); // undefined
  var x;
}

在函数a
中，变量x
是本地变量，因为它具有var x
。无论是在使用之前还是之后
同样地：
function b()
{
  var z = 1;
  if (true)
  {
    var z = 2;
  }
  alert(z); // 2
}

因为也没有“块”范围。
var

语句是提升的主题，这意味着当代码（就在实际运行之前）时，

var

和

函数

语句可用于其封闭范围

您的代码的计算结果如下：

第一个例子：

var y;
window['y'] = 'old';

if (!y) y = 'new';

alert(y);

第二个例子：

var y;
y = 'old';

if (!y) y = 'new';

alert(y);

挂起

var

语句后，您可以看到代码的实际行为

另见：

var y

window.y

var y

window['y']='new'；警报（y）

let（）

let

window['y']

var y

window['y']

vary

vary

window

function b()
{
  var z = 1;
  if (true)
  {
    var z = 2;
  }
  alert(z); // 2
}

var y;
window['y'] = 'old';

if (!y) y = 'new';

alert(y);

var y;
y = 'old';

if (!y) y = 'new';

alert(y);