关于JS变量声明的小细节

  

对于从未声明过的对象，如果尝试给它赋值，会隐式的将它声明为全局对象。比如：

 

(function() {

  s = 'abc';

})();

alert(s); //会弹出 abc

 

如果尝试读一个未声明的对象，JS会报错。比如：

 

alert(a); //不会弹出对话框，会报错

 

这个结论是犀牛书中所写。但是有意思的是，在IE里，如果尝试读一个未声明的对象，并不会报错，当然也不会继续执行JS。这点其实挺要命，不执行也不告诉你为什么。

 

但这个结论是铁律，所以如下的写法是经常容易犯的错误：

 

if(!a) {

    //do sth. ...

}

 

这样写有时候的初衷是：如果变量a不存在，就执行里面的语句。但如果a未定义，在Firefox中会报错；在IE里不会报错，但也不会执行以后的所有语句。

 

所以该如何探测一个变量是否被定义呢？一个巧妙的办法是：

 

if(!window.a) {

    //do sth. ...

}

 

这个方法其实很奇妙，因为读一个未声明的变量，会报错；但读一个未声明的属性，就不会报错。天晓得JS为啥规定这样奇怪的语法。

 

但是这样的方法只适用与全局变量。若是某个函数里的局部变量，还是用typeof去判断吧：

 

if(typeof a == 'undefined') {

    //do sth. ...

}

 

所以，结论就是，养成习惯，不要在变量未定义之前使用它。

 

接下来再看一个例子：

 

var a = "I'm out";

(function() {

    alert(a);

    var a = "I'm in";

})();

 

好，提问，运行这段代码，会弹出什么文字？

 

回答一：弹出“I’m out”。错。JS没有块级作用域，无论var语句在何处，在整个函数体内它都是有定义的。

 

回答二：弹出“I’m in”。错。请再重新看上面那句话，它只是在整个函数体内有定义，但只有在被赋值之后才会有值。

 

正确答案是：“undefined”。是不是很晕？自己试试看吧。

 

总之，再重复一遍之前的结论：不要在变量未定义之前使用它。

 

最后介绍一个我也搞不明白的问题：

 

在HTML文档里写上这段代码：

 

<script type="text/javascript">

    window['a'] = 'Hi';

</script>

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

<script type="text/javascript">

    alert(a);

</script>

 

然后在out.js里写上这句：

 

 if(false) {

     var a = 'Hello';

 }

 

然后用FF和IE6分别运行，看看你得到什么。

 

在FF里会弹出“Hi”，但是在IE6中，会得到“undefined”。

 

很神奇吧？按语法，无论如何，a都不可能是undefined。但是IE6里就会。

 

如果把两个语句都写在同一个文件里，就不会有这个情况。

如果把out.js里改成window.a，或者把前一个改成var a，也不会有这个情况。

如果把out.js里的var a移到if语句之外，或是把if的条件改为true，也不会有这个情况。

 

这个bug其实危害性很大。所以呢，只能给自己定一个好习惯，那就是不要在条件语句中声明变量，虽然这么做，语法上并不禁止。

 

/*******************************************************************/ TJ注明： 1、作用域不同产生的效果也不一样，在同一个function中，js会先在function中查找是否有变量status的声明，如有则以function域中的为准，但是也有使用的先后顺序问题。 2、同时在同一作用域中变量的赋值的时候，函数的赋值要快于一般常量的赋值。

如：function b(){       alert(a);       var a = '常量';

      function a(){}     } 此时alert出来的将是：'function a(){}'; 如：function b(){       alert(a);       var a = '常量';     } 此时alert出来的将是：'undefined'，上两个说明赋值顺序和执行顺序的问题。 如：var a = '变量';     function b(){       alert(a);       var a = '常量';     } 此时alert出来的也将是：'undefined'，这个可以说明作用域的问题。