typeof、undefined 和 null

最新推荐文章于 2021-08-13 11:54:00 发布

左直拳

最新推荐文章于 2021-08-13 11:54:00 发布

阅读量5.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： null function button 测试 input

本文链接：https://blog.youkuaiyun.com/leftfist/article/details/7970986

JavaScript 专栏收录该内容

168 篇文章

订阅专栏

本文详细介绍了JavaScript中typeof运算符的功能及用法，包括如何检查变量是否已定义或初始化，并通过不同场景下的示例代码展示了其具体应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

typeof 是运算符，注意不是函数，是运算符，其作用，是考察变量究竟是什么类型。或曰，是变量是否定义或是否初始化的照妖镜。返回值是字符串。

undefined 表示一个对象没有被定义或者没有被初始化。

null 表示一个尚未存在的对象的占位符。

测试一，变量没有定义的时候，只能使用 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
        }
    </script>

测试二，变量有定义，但未初始化，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>

测试三，函数参数跟变量类似

1、没有参数

    <input type="button" id="btnTest" onclick="Test()" value="测试" />
    <script type="text/javascript">
        function Test(i) {
            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>

参考文章：点击打开链接