标签：obj name detail cat const js undefined

？？ 表示：只有左侧的值为null或undefined的时候才使用右侧的值。

？. 表示：可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每 个引用是否有效。操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值

？.的个人理解 打个比方就是判断对象的某个属性是否存在，如果存在那么就返回整个属性的值，否则返回undefined

贴上自测的代码

const obj = {
name: 'ceshi',
detail: {
cat: 'huahua'
}
}
const name = obj.dog ?. name;
console.log(name) // undefined
因为obj不存在dog属性，所以查找dog下面的name根本没有所以返回undefined

const detail = obj.detail ?. cat;
console.log(detail)
查找obj下面detail的cat值，因为定义了，所以返回huahua

两者的结合使用

const cat = obj.detail ?. cat ?? 'default name'
console.log(cat) // huahua
这个时候存在detail然后去detail下查找cat属性，因为obj定义了cat所以返回huahua

const cat = obj.detail ?. name ?? 'default name'
console.log(cat)
上图含义是查找obj中detail属性下面name属性，但是对象中没有定义所以值是undefined，这个时候？？左侧是undefied那么久使用右侧的数据所以最终返回default name
————————————————
版权声明：本文为CSDN博主「爱学习的蚯蚓」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/szl199107101035/article/details/123839403

标签：obj,name,detail,cat,const,js,undefined
来源： https://www.cnblogs.com/Jarsmine/p/16498032.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。