javascript中typeof、undefined 和 null用法介绍

发布时间:2020-06-27编辑:脚本学堂
本文通过具体的例子介绍下javascript中typeof、undefined 和 null的用法,有需要的朋友,可以参考下。

说明:
1、typeof 是运算符,不是函数,主要用于考察变量究竟是什么类型,其是变量是否定义或是否初始化的照妖镜。返回值是字符串。
2、undefined 表示一个对象没有被定义或者没有被初始化。
3、null 表示一个尚未存在的对象的占位符。

下面通过一些测试实例来了解其用法,供大家参考。

例1,变量没有定义时,只能使用 typeof
 

复制代码 代码示例:
<input type="button" id="btnTest" onclick="Test()" value="测试" /> 
<script type="text/javascript"> 
    function Test() { 
        alert(i == null);               //报错 
        alert(i == undefined);          //报错 
        alert(typeof i == "undefined"); //true 
    }  //www.jb200.com
</script> 

例2,变量有定义,但未初始化,typeof,undefined,null都可以使用
 

复制代码 代码示例:
<script type="text/javascript"> 
     function Test() { 
         var i; 
         alert(i == null);               //true 
         alert(i == undefined);          //true 
         alert(typeof i == "undefined"); //true 
         i = 0; 
         alert(i == null);               //false 
         alert(i == undefined);          //false 
         alert(typeof i == "undefined"); //false 
     } 
 </script> 

例3,函数参数跟变量类似
1、没有参数
 

复制代码 代码示例:
<input type="button" id="btnTest" onclick="Test()" value="测试" /> 
<script type="text/javascript"> 
    function Test(i) {  //www.jb200.com
        alert(i == null);               //true 
        alert(i == undefined);          //true 
        alert(typeof i == "undefined"); //true 
    } 
</script> 

2、有参数
 

复制代码 代码示例:
<input type="button" id="btnTest" onclick="Test(0)" value="测试" /> 
<script type="text/javascript"> 
    function Test(i) { 
        alert(i == null);               //false 
        alert(i == undefined);          //false 
        alert(typeof i == "undefined"); //false 
    } 
</script>