ES2020的安全调用和空值合并运算符，如何简化代码之美？

本文共计1872个文字，预计阅读时间需要8分钟。

“链判断运算符（?.）非常实用、常用，配置Null判断运算符，使用效果更优，更完美！

现代代码：

我们经常需要获取一个多层对象的属性值时，需要进行多次判断。如果不进行判断，可能会遇到一个空值的情况。

链判断运算符（?.）

非常好用、常用，搭配Null 判断运算符使用，效果更佳，完美！

来，上代码：

我们通常获取一个对象多层的属性值时，需要进行多次的判断。如不判断，一个为空则报错，导致后面无法继续下去。

// error const firstName = message.body.user.firstName; // ok const firstName = (message && message.body && message.body.user && message.body.user.firstName) || 'default';

也可以用三元运算符?:来判断单个值，下面例子中，必须先判断fooInput是否存在，才能读取fooInput.value。