Js可选链有什么用？为什么和直接调用没有发现区别？

Question

        let a = {
              data:{
                list:123,
            }
        }
        let b = []
        console.log(a.data)
        console.log("普通调用对象不存在属性" + a.data.jerry)
        console.log("可选链调用对象不存在属性" + a.data?.jerry)
        console.log("普通调用数组不存在索引" + b[1])
        console.log("可选连调用数组不存在索引" + b?.[1])

看有些帖子说直接调用不存在属性或者索引会抛异常，我这个为啥不抛出异常，是JS升级了吗。
或者换句话说，他们是一样的话，可选链存在的意义是啥？

Answer 1

let a = {
              data:{
                list:123,
            }
        }
        console.log("可选链调用对象不存在属性" + a.ccc?.jerry)   // undefined
        console.log("普通调用对象不存在属性" + a.ccc.jerry)   // Cannot read properties of undefined (reading 'jerry')