深入理解JavaScript变量声明与作用域提升机制

JavaScript变量作用域与for循环特性

与C/C++等语言不同，ECMAScript中的for循环并不会为循环体创建独立的局部作用域。

for (var k in {a: 1, b: 2}) {
alert(k);
} 

全局变量与window对象的关系

alert(k); // 尽管循环已经结束但变量k依然在当前作用域 在任何JavaScript代码中，变量必须通过使用var关键字进行声明。 上面的赋值语句： a = 10; 这仅仅是给全局对象创建了一个新属性（但它不是变量）。“不是变量”并非指其值不可改变，而是指它不符合ECMAScript规范中关于“变量”的定义。它之所以能成为全局对象的属性，完全归因于JavaScript中存在一个global对象。这种操作实际上并非声明变量，而是向global对象添加了一个名为a的属性。 下面通过一个简单的例题来说明这一概念。

if (!("a" in window)) {
var a = 1;
}
alert(a);

首先，所有全局变量都是window对象的属性。语句var a = 1;等价于window.a = 1。 你可以使用如下方式检测全局变量是否已声明： "变量名称" in window

变量提升机制详解

其次，所有的变量声明都会被提升到其所在作用域的顶部。请看以下相似例子：

alert("a" in window);
var a;

此时，尽管声明语句在alert之后，alert弹出的结果依然是true。这是因为JavaScript引擎会先扫描所有的变量声明，并将这些声明移动到作用域的顶部。最终代码的效果如下所示：

var a;
alert("a" in window);

第三，需要理解题目的核心含义：变量声明被提前了，但变量赋值并没有被提前。因为该语句同时包含了变量声明和变量赋值两个操作。

你可以将上述语句拆分为以下两部分代码：

 
var a; //声明
a = 1; //初始化赋值

总结来说，当变量声明和赋值写在一起时，JavaScript引擎会自动将其拆分为两步，以便将变量声明提前。不将赋值步骤提前的原因是，如果赋值提前，可能会影响代码执行顺序，导致不可预期的结果。

题目中的代码实际上等价于：

var a;
if (!("a" in window)) {
a = 1;
}
alert(a);

var声明的最佳实践与性能优化

根据上述例题的分析，在声明变量时，如果是局部变量，前面一定要加var；如果是全局变量，可以不加var（但最好限制全局变量的个数，尽量使用局部变量）。

下面讲述使用var的几个特性。

使用var语句多次声明同一个变量不仅是合法的，而且不会造成任何错误。 如果重复使用的声明包含初始值，那么它仅起到赋值语句的作用。 如果重复使用的声明没有初始值，那么它对原来已存在的变量没有任何影响。 没有使用var声明的变量，会作为全局变量存在；而使用var声明的变量，则属于局部变量，尤其是在函数内部。经过测试，带var声明比不带var声明速度要快。在函数内尽量多设置局部变量，这样既安全又快速，变量操作也更加合理，能避免因随意操作全局变量而导致的逻辑错误。

声明对象时最好使用对象字面量的方式，这样的速度相对new关键字的方式要快很多。

变量名由开发者自定义，为了照顾语义和规范，变量名可能稍长。但需要注意的是，变量名的长度也会影响代码的执行速度。长的变量名声明的执行速度没有短的快。