记录治疗后端返回值多层嵌套key值不存在导致的前端取不到key的错误（可选链操作符）

最新推荐文章于 2024-06-06 15:31:23 发布

安静的小学生

最新推荐文章于 2024-06-06 15:31:23 发布

阅读量318

点赞数

分类专栏： javaScript 文章标签：前端后端 javascript

本文链接：https://blog.csdn.net/qq_42811845/article/details/123210908

版权

JavaScript 可选链操作符安全访问深层属性 Vue

关键词由CSDN通过智能技术生成

javaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

js可选链操作符？

let obj = {school： '初级前端学校', grade: {one: {total: '182个'}, two: {total: '120'}}}
// 当不确定grade是否存在时 
console.log(obj.grade?.one.total) // 这么写不会报错，再也不会 XXX undefined了
// 当不确定 grade 是否存在 而且里面的对象也不知道是否存在时
console.log(obj.grade?.three?.total) // 再也不会 Cannot read properties of undefined 

// JS语句与vue模板语法再也不用 obj&&obj.grade&&obj.one&&obj.one.total