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

最新推荐文章于 2024-04-08 12:21:25 发布

原创最新推荐文章于 2024-04-08 12:21:25 发布 · 193 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #学习 #javascript

前端专栏收录该内容

26 篇文章

订阅专栏

文章介绍了JavaScript中的链式判断运算符?.，用于检查对象属性或函数是否存在，如果对象为null或undefined则返回undefined。同时，讨论了短路判断机制，当左侧表达式为假值时，使用||运算符返回右侧值。还提到了Null判断运算符??，它在左侧值为undefined或null时才取右侧值。这些运算符在处理可能不存在的值时提高了代码的简洁性和安全性。

?. 链式判断运算符

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;