es6 ?.与??

?.  链式判断运算符

<==>

a?.[++x]   相当于   a == null?undefined : a[++x]  (a如果为undefined或者null,则返回undefined)  undefined == null

 

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

  • 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;

上一篇:xhEditor 图片粘贴上传,实现图文粘贴,图片自动上传


下一篇:03、Python常用运算符