JavaScript中检测变量是否存在

在编写JavaScript程序时往往需要检测某一变量是否存在，这是一件非常简单的工作，但如果不细心也会遇到一些问题。主要有一些几点：

1、普通变量

 

<script type="text/javascript">
    if(variable){
        alert('rain man'); 
    }
</script>

 

这时会出现‘variable is not defined’的错误，如果改成下面就会弹出预期的对话框：

 

<script type="text/javascript">
    if( typeof variable == 'undefined' ){
        alert('rain man');
    }
</script>

 

2、 对象的属性

 

<script type="text/javascript">
    var two = {};
    if(two.b){
        alert('rain man');
    }
    if( window.addEventListener ){
        alert('This is not IE!');
    }
</script>

 

对于检测对象的属性则不必使用 typeof 。

3、在给对象添加属性时，也会遇到类似的问题。

 

<script type="text/javascript">
    var obj = {}; 
    obj.property.number = 2;    //这时会出现 'obj.property is undefined' 的错误
    
    /**
    *    下面这种情况虽然没有出现语法错误,但实际上已经出现了错误.
    *    属性是复合型变量所特有的,而obj.property是数值型变量,不能含有属性.
    */
    var obj = {}; 
    obj.property = 2 ; 
    obj.property.number = 3;
</script>