在项目中看到一个神奇的用法，叫做啥语法？

Question

在react项目中看到以下语法，用来判断该对象是否存在对应值，省去了之前要先判断data 和 data.list 是否存在的操作，请问这是啥语法？

if(data?.list?.length > 0) {
    // do something
}
      

看了下，ES6里面不支持这个语法，该项目用了TypesScript，难道这是TypeScript的特性？

Answer 1

TypeScript 3.7中支持的新语法：Optional Chaining
同时此功能在ES2020包含，目前浏览器原生支持情况

相关链接：

• typescript 3.7 release-notes
• MDN web docs: 可选链