JS中undefined、null以及NaN之间的区别，以及对象属性赋值的面试题

最新推荐文章于 2025-04-30 08:18:32 发布

喂-不吃素的熊宝宝

最新推荐文章于 2025-04-30 08:18:32 发布

阅读量3.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/weisubao/article/details/43481549

前端专栏收录该内容

23 篇文章

订阅专栏

本文深入解析JavaScript中的undefined、null、NaN三种特殊类型的定义、区别及应用场景，包括它们在变量初始化、对象属性访问等场景下的表现。

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

（1）以下三种情况typeof 返回类型为undefined

——当变量未初始化时

——变量未定义时

——函数无明确返回值时（函数没有返回值时返回的都是undefined）

（2）Null 类型

undefined 是由null派生处理的，因此undefined == null

undefined 是声明了但是没有初始化的该变量，

null表示尚未存在的对象。

（3）NaN 值

是一个特殊值，表示非数（Not a Number），类型转换失败就会返回NaN

——NaN 不等于自己，即 NaN == NaN 是 false

——判断NaN 使用 isNaN();

（3）其实Null、NaN和undefined都是变量的默认初始值。变量类型不同，系统给与的初始值就不同：

——int,uint - 0

——Boolean - false

——Number - NaN

——String,Array,Object - null

——未指定变量类型 - undefined

	<script>
		document.write(typeof(a1));//undefined
		var a2;
		document.write(typeof(a2));//undefined
		var a3=[];
		document.write(typeof(a3));//object
		var a4={};
		document.write(typeof(a4));//object
		var a5=null;
		document.write(typeof(a5));//object
		var a6=document.getElementById("没有这个id");
		document.write(typeof(a6));//object
		var a7=new Object;
		document.write(typeof(a7));//object
	</script>

（4）一个关于JS中对象的面试题目（核心是注意对象的属性名，用JS标识符（a和b）做属性名的直接被转换成["object Object"]，所以都是一样的）：

详细分析见：JS中的对象创建、属性访问

	<script>
		var a=new Object;
		var b=new Object;
		var c=new Object;
		c[a]=a;
		c[b]=b;
		alert(c[a]==a);//false
		alert(c[a]===a);//false
		alert(c[a]===b);//true
		alert(c[b]===b);//true
	</script>

	<script>
		var a=new Object;
		var b=new Object;
		var c=new Object;
		c["a"]=a;
		c["b"]=b;
		alert(c["a"]==a);//true
		alert(c["a"]===a);//true
		alert(c["a"]===b);//false
		alert(c["b"]===b);//true
	</script>

参考资料：

js判断undefined类型,undefined,null, 的区别详细解析

js中undefined,null,NaN的区别

JavaScript Undefined，Null类型和NaN值区别