【前端学习记录】判断运算符

?. 链式判断运算符

a?.[++x] 相当于 a == null?undefined : a[++x] （a如果为undefined或者null，则返回undefined） undefined == null 左侧的对象是否为null或undefined。如果是的，就不再往下运算，而是返回undefined。

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

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

短路判断

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;