undefined null测试-优快云博客

本文通过测试示例展示了在Chrome浏览器环境下，JavaScript中undefined与null的比较及类型判断的差异。并通过具体代码演示了如何避免因变量未定义而引发的错误。

测试浏览器：chrome

当有父元素的子元素未定义时undefined和null均为true，类型为undefined

当元素赋给null后undefined和null均为true，类型为object，因此建议设置为null

当直接用未定义顶级元素x时，无论是x==undefined或if(x)都会报错

function log(o){

console.log(o);

}

function lognull(o){

log(o==undefined)

log(o==null)

log(typeof o)

}

var a={aa:'bb'}

var c=null;

lognull(a.ff)//未定义子元素不会报错

lognull(c)

//以下，未定义顶级元素会报错

lognull(d)

if(dd){ //Uncaught ReferenceError: dd is not defined

}

测试结果

true

undefined

true

object

Uncaught ReferenceError: d is not defined

-------------------------

全部代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>


<script type="text/javascript">
function log(o){
    console.log(o);
}
function lognull(o){
    log(o==undefined)
    log(o==null)
    log(typeof o)
}
function notHave(o){
    if(o==undefined){return true;}
    if(o==null){return true;}
//    if((typeof o)==undefined){return true;}
    return false;
}

var a={aa:'bb'}
var c=null;
lognull(a.ff)//未定义子元素不会报错
lognull(c)
//以下，未定义顶级元素会报错
lognull(d)
if(dd){ //Uncaught ReferenceError: dd is not defined

}
</script>
</head>

<body>
</body>
</html>