Javascript中变量声明语法的区别(包括全局变量)?

有趣的是，在IE8和更早的版本中，属性创建的不是可列举的(不会出现在for..in语句中)。这很奇怪，尤其是考虑到下面的第三条。

# 3 window.a = 0;

这将显式地在全局对象上创建一个属性，使用引用全局对象的window全局变量(在浏览器上;一些非浏览器环境有一个等效的全局变量，比如NodeJS上的global)。因为它是一个普通的属性，所以您可以删除它。

此属性是可枚举，在IE8及更早版本上，以及在我尝试过的所有其他浏览器上。

# 4 this.a = 0;

与第3条完全相同，只是我们通过this而不是全局window引用全局对象。不过，这在严格模式下行不通，因为在严格模式全局代码中，this没有对全局对象的引用(它的值是undefined)。

删除属性

我说的“删除”是什么意思?或“;removing"a吗?正是这样:通过delete关键字(完全)删除属性:

window.a = 0;
display("'a' in window? " + ('a' in window)); // displays "true"
delete window.a;
display("'a' in window? " + ('a' in window)); // displays "false"

delete完全从对象中移除一个属性。你不能通过var间接地将属性添加到window中，delete要么被默默地忽略，要么抛出异常(取决于JavaScript实现以及是否处于严格模式)。

警告:再次使用IE8(可能更早，和IE9-IE11在破碎的“兼容性”;mode):它不会让你删除window对象的属性，即使你应该被允许这样做。更糟糕的是，当你尝试时，它会抛出异常(在IE8和其他浏览器中是试试这个实验)。所以当从window对象中删除时，你必须是防御性的:

try {
delete window.prop;
}
catch (e) {
window.prop = undefined;
}

它尝试删除属性，如果抛出异常，它会做下一个最好的事情，并将属性设置为undefined。

这个只有适用于window对象，并且仅(据我所知)适用于IE8和更早的版本(或IE9-IE11中破碎的“;兼容性”;模式)。根据上述规则，其他浏览器可以删除window属性。

当var发生时

通过var语句定义的变量是在运行执行上下文中的任何分步代码之前创建的，因此属性之前 var语句很好地存在。

这可能会让人困惑，所以让我们来看看:

display("foo in window? " + ('foo' in window)); // displays "true"
display("window.foo = " + window.foo);          // displays "undefined"
display("bar in window? " + ('bar' in window)); // displays "false"
display("window.bar = " + window.bar);          // displays "undefined"
var foo = "f";
bar = "b";
display("foo in window? " + ('foo' in window)); // displays "true"
display("window.foo = " + window.foo);          // displays "f"
display("bar in window? " + ('bar' in window)); // displays "true"
display("window.bar = " + window.bar);          // displays "b"

生活例子:

display("foo in window? " + ('foo' in window)); // displays "true"
display("window.foo = " + window.foo);          // displays "undefined"
display("bar in window? " + ('bar' in window)); // displays "false"
display("window.bar = " + window.bar);          // displays "undefined"
var foo = "f";
bar = "b";
display("foo in window? " + ('foo' in window)); // displays "true"
display("window.foo = " + window.foo);          // displays "f"
display("bar in window? " + ('bar' in window)); // displays "true"
display("window.bar = " + window.bar);          // displays "b"


function display(msg) {
var p = document.createElement('p');
p.innerHTML = msg;
document.body.appendChild(p);
}

如你所见，符号foo在第一行之前定义，但符号bar没有。var foo = "f";语句所在的地方，实际上有两件事:定义符号，这发生在第一行代码运行之前;然后对那个符号进行赋值，这发生在分步流程中这条线的位置。这就是所谓的“var吊装”;因为var foo部分被移动("提升")到作用域的顶部，但foo = "f"部分保留在原始位置。(见我贫血的小博客上的可怜的误解var。)

当let和const发生时

let和const在几个方面与var不同。与问题相关的方式是，尽管它们定义的绑定是在任何逐步代码运行之前创建的，但直到到达let或const语句时才会是可访问的。

所以当它运行时:

display(a);    // undefined
var a = 0;
display(a);    // 0

这会抛出一个错误:

display(a);    // ReferenceError: a is not defined
let a = 0;
display(a);

let和const与var的另外两种不同之处是:

1. var总是应用于整个执行上下文(在全局代码中，或在它出现的函数中的函数代码中)，但let和const只应用于它们出现的块中。也就是说，var具有函数(或全局)作用域，而let和const具有块作用域。

2. 在相同的上下文中重复var a是无害的，但如果你有let a(或const a)，有另一个let a或const a或var a是语法错误。

下面是一个示例，演示了let和const在其块内的任何代码运行之前立即生效，但直到let或const语句才可访问:

var a = 0;
console.log(a);
if (true)
{
console.log(a); // ReferenceError: a is not defined
let a = 1;
console.log(a);
}

注意，第二个console.log失败了，而不是从块外部访问a。

跑题:避免混淆全局对象(window)

window对象的属性变得非常非常混乱。只要有可能，强烈建议不要再添乱了。相反，将符号打包到一个小包中，并在大多数上将一个符号导出到window对象。(我经常不将任何符号导出到window对象。)你可以使用一个函数来包含你所有的代码，以包含你的符号，如果你喜欢，这个函数可以是匿名的:

(function() {
var a = 0; // `a` is NOT a property of `window` now


function foo() {
alert(a);   // Alerts "0", because `foo` can access `a`
}
})();

在这个例子中，我们定义了一个函数并让它立即执行(()在最后)。

以这种方式使用的函数通常称为作用域函数。在作用域函数中定义的函数可以访问作用域函数中定义的变量，因为它们在该数据上是闭包(参见:我贫血的小博客上的闭包不复杂)。