本文详细解析JavaScript中判断undefined类型的正确方法,指出使用==比较undefined与null会返回true的陷阱,推荐使用typeof运算符。同时深入对比undefined、null和NaN在类型、比较运算及语义上的核心区别,帮助开发者避免常见错误。
判断undefined的正确方式
在JavaScript中,正确判断undefined类型是基础且重要的知识点。
在实际开发中,例如使用showModalDialog打开页面并获取返回值时,如果用户点击关闭按钮或直接关闭浏览器窗口,返回值通常为undefined。
初学者常尝试直接比较,代码如下: var reValue=window.showModalDialog("","",""); if (reValue== undefined){ alert("undefined"); }
然而,这种直接比较的方式往往无法准确判断,查阅资料后发现需要使用typeof运算符。
正确的判断方法如下: if (typeof(reValue) == "undefined") { alert("undefined"); } typeof运算符返回一个字符串,可能的值包括"number"、"string"、"boolean"、"object"、"function"和"undefined"。
undefined、null与NaN的区别
除了判断undefined,理解JavaScript中undefined、null和NaN之间的区别同样关键。
首先从类型角度分析:JavaScript的数据类型包括undefined、boolean、number、string和object五种,前四种为原始类型,最后一种为引用类型。示例代码如下: var a1; var a2 = true; var a3 = 1; var a4 = "Hello"; var a5 = new Object(); var a6 = null; var a7 = NaN; var a8 = undefined; alert(typeof a); //显示"undefined" alert(typeof a1); //显示"undefined" alert(typeof a2); //显示"boolean" alert(typeof a3); //显示"number" alert(typeof a4); //显示"string" alert(typeof a5); //显示"object" alert(typeof a6); //显示"object" alert(typeof a7); //显示"number" alert(typeof a8); //显示"undefined"
从上述代码可以看出,未定义的值(如a1)和已定义但未赋值的变量(如a8)类型为undefined;null是一种特殊的object类型;而NaN是一种特殊的number类型。
接下来进行比较运算测试,示例代码如下: var a1; //a1的值为undefined var a2 = null; var a3 = NaN; alert(a1 == a2); //显示"true" alert(a1 != a2); //显示"false" alert(a1 == a3); //显示"false" alert(a1 != a3); //显示"true" alert(a2 == a3); //显示"false" alert(a2 != a3); //显示"true" alert(a3 == a3); //显示"false" alert(a3 != a3); //显示"true"
通过比较运算可以得出两个重要结论:(1)undefined与null在使用==运算符时是相等的;(2)NaN与任何值都不相等,包括它自己。
JavaScript undefined属性详解
关于JavaScript中的undefined属性,以下是其定义和用法的详细说明。
undefined属性用于存放JavaScript的undefined值,它是全局对象的一个属性。
其语法非常简单,直接使用undefined即可。
需要注意的是,无法使用for/in循环来枚举undefined属性,也不能用delete运算符来删除它。此外,undefined不是常量,可以被重新赋值。当尝试读取不存在的对象属性时,也会返回undefined。
提示:只能用===严格相等运算符来测试某个值是否是未定义的,因为==宽松相等运算符认为undefined值等价于null。注释:null表示无值,而undefined表示一个未声明的变量,或已声明但没有赋值的变量,或一个并不存在的对象属性。
以下是一个检测两个变量中未定义值的实例: <script type="text/javascript"> var t1="" var t2 if (t1===undefined) {document.write("t1 is undefined")} if (t2===undefined) {document.write("t2 is undefined")} </script>
运行上述代码的输出结果为: t2 is undefined