es6 ?.与??

?.　　链式判断运算符

<==>

a?.[++x]   相当于   a == null?undefined : a[++x]  （a如果为undefined或者null，则返回undefined）  undefined == null

左侧的对象是否为null或undefined。如果是的，就不再往下运算，而是返回undefined。

 

链判断运算符?.有三种写法。

• obj?.prop // 对象属性是否存在
• obj?.[expr] // 同上
• func?.(...args) // 函数或对象方法是否存在

 

Null 判断运算符

const headerText = response.settings.headerText || 'Hello, world!';

const animationDuration = response.settings.animationDuration || 300;

const showSplashScreen = response.settings.showSplashScreen || true;

短路机制，如果左侧的值为空串、0、false、undefined、null，最终结果为右侧的值

要想实现，当且仅当左侧的值为undefined或者null时，最终结果为右侧的值，就需要使用到Null 判断运算符

const headerText = response.settings.headerText ?? 'Hello, world!';

const animationDuration = response.settings.animationDuration ?? 300;

const showSplashScreen = response.settings.showSplashScreen ?? true;