可选链操作符 ?.

前端小凯

已于 2025-01-05 21:09:32 修改

阅读量103

点赞数 3

文章标签：前端 javascript vue.js

于 2025-01-05 20:40:19 首次发布

本文链接：https://blog.youkuaiyun.com/qq_43235503/article/details/144950672

版权

可选链操作符 ?.可以防止空指针的情况：

const student = {
    name: "小凯",
    address: {
        state: "shanghai"
    }
};

// 一层一层判断
console.log(student && student.address && student.address.state);  // 输出: shanghai
console.log(student && student.address && student.address.ZIpcode);  // 输出: undefined
     
// 使用可选链操作符
console.log(student?.address?.state);  // 输出: shanghai
console.log(student?.address?.zIPcode);  // 输出: undefined