js中问号点的作用和用法（？.）

最新推荐文章于 2025-02-20 18:22:06 发布

转载最新推荐文章于 2025-02-20 18:22:06 发布 · 2.1k 阅读

8 ·

CC 4.0 BY-SA版权

原文链接：https://www.youkuaiyun.com/tags/NtTacgzsMTQyOTgtYmxvZwO0O0OO0O0O.html

文章标签：

#javascript #前端 #vue.js

本文介绍了JavaScript中三元运算符和?.运算符的用法，重点讲解它们如何在对象链中避免因属性缺失导致的错误，通过实例演示了如何使用这些特性进行安全的属性访问。

	   	 let res = obj?.data?.list
<=等价=> let res = obj && obj.data && obj.data.list

作用就是判断这个对象（this.element）下的（businessObject）下的（value）下的（length）是否为null或者undefined，当其中一链为null或者undefined时就返回undefined，这样即使中间缺少一个属性也不会报错，双问号后面接的就是默认值。

var obj ={}
console.log(obj?.a?.b ?? 233 ) //233
var obj={a:{b:1}}
console.log(obj?.a?.b??233) //1

console.log(1 || "xx") 			//1
console.log(0 || "xx") 			//xx
console.log(null || "xx")		//xx
console.log(undefined || "xx")  //xx
console.log(-1 || "xx") 		//-1
console.log("" || "xx") 		//xx

console.log(1 ?? "xx")			//1
console.log(0 ?? "xx") 			//0
console.log(null ?? "xx") 		//xx
console.log(undefined ?? "xx")  //xx
console.log(-1 ?? "xx") 		//-1
console.log("" ?? "xx") 		//''