超好用的链判断运算符——?.

链判断运算符作用

在读取对象内部属性时，需要先判断对象是否存在，这时就会用到链判断运算符。

    <script>
        const person={
            body:{
                user:{
                    name:"张三"
                }
            },
        }
        // 传统方式
        let name=person&&person.body&&person.body.user&&person.body.user.name||"默认值"
        // 链判断
        let name2=person?.body?.user?.name||"默认值"
        console.log(`传统方式：${name}`)  //"张三"
        console.log(`链判断：${name2}`)   //"张三"
    </script>

    <script>
        const person={
            body:{
                user:{
                }
            },
        }
        // 传统方式
        let name=person&&person.body&&person.body.user&&person.body.user.name||"默认值"
        // 链判断
        let name2=person?.body?.user?.name||"默认值"
        console.log(`传统方式：${name}`)  //"默认值"
        console.log(`链判断：${name2}`)   //"默认值"
    </script>

参考

ECMAScript 6 入门——阮一峰