可选链 ?. JavaScript新语法

可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。

支持的内容

  • obj?.prop
  • obj?.[expr]
  • arr?.[index]
  • func?.(args)

编译后的模样:

   // obj?.prop
   obj === null || obj === void 0 ? void 0 : obj.prop;

个人小结:

  • 能降的了 null和undefined,但并不能对付NaN(话说NaN也没啥好.的)
  • 可选链这玩意是不能用于赋值的
   let object = {};
   object?.property = 1; // Uncaught SyntaxError: Invalid left-hand side in assignment
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容