js 的 null & undefined 判断

最新推荐文章于 2024-01-19 11:04:27 发布

最新推荐文章于 2024-01-19 11:04:27 发布 · 202 阅读

文章标签：

#XHTML #HTML

js 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了JavaScript中如何准确地判断变量是否为null或undefined，并提供了实用的代码示例。通过不同的判断方法，如使用==与===操作符的区别，以及typeof运算符的应用，帮助开发者更好地理解和处理JavaScript中的空值。

[b]判断 null 或 undefined[/b]

------
[b]判断规则[/b]：

* 如果 x = null 或 undefined,则 x==null 和 x==undefined 都返回 true,
* typeof
typeof(null值)= "object"
typeof(undefined值)= "undefined"
* 如果 x=null，则 x===undefined 返回 false
*

------
[b]技巧[/b]：

* 判断非 0 值，是否存在
if(!x){
// 不存在
}
* 判断数字是否存在
if(!x && x!=0) {
// 数字不存在或 NaN 值
}
* 判断 null
if(x==null && typeof(x)=="object"){}
* 判断 undefined
if(x===undefined){}
或
if(typeof(x)=="undefined"){}
*

------
[b]例子[/b]：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
function test() {
      var x1 = null;
      var x2 = undefined;
      var x3;
      var s = 
            "x1==null:"+(x1==null)+
            ",x1==undefined:"+(x1==undefined)+
            ",x2==null:"+(x2==null)+
            ",x2==undefined:"+(x2==undefined)+
            ",x3==undefined:"+(x3==undefined)+
            ",x3==null:"+(x3==null)+
            ",x1===undefined:"+(x1===undefined)+
            ",typeof(x1):"+(typeof(x1))+
            ",typeof(x2):"+(typeof(x2));

      alert(s);
}
</script>
</head>
<body>
<input type="button" value="test" onclick="test();" />
</body>
</html>