在理想情况下,您只需在范围顶部声明变量,如下所示:
var foo, bar, obj, domNode;
所有这些变量都将是undefined
,因为它们的值是undefined
。例如,如果您知道这些变量之一将用作循环中的字符串,而不是写作foo = (foo === undefined ? '' : foo) + 'add this';
,只需写:
var foo = '', bar, obj, domNode;
如果您打算将obj
var 用作对象文字,只需{my: 'objec', vals: 'here'}
在时机成熟时将其分配,或将其初始化为{}
,然后添加属性obj.as = 'you'; obj[foo] = 'go';
。如果您要分配对 DOM 元素的引用,请保留它undefined
,因为任何分配都只会产生毫无意义的开销。
任何类型的引用(函数对象、数组、对象......)也是如此。只是推迟分配,因为它只会覆盖任何以前的分配。
至于数字,undefined + 123
将评估为NaN
,因此在这种情况下,初始化为0
是有意义的。但是,对于循环计数器:
var foo, i, obj, arr = [1,2,3];
for (i=0;i<arr.length;i++)
{
console.log(arr[i]);
}
相当于:
var foo, i= 0, arr = [1,2,3];
for (;i<arr.length;i++)
{
console.log(arr[i]);
}
只有后者几乎看起来大肆复杂。只要用你的常识,你会没事的。
只要知道变量声明被提升到范围的顶部,但赋值不是:
console.log(foo);//undefined
var foo = 123;
console.log(foo);//123
因为它被翻译成:
var foo;
console.log(foo);
foo = 123;
console.log(foo);
那么为什么不编写代码,因为它会被引擎解释呢?