【面试题】 JavaScript中高级语法--?? 表达式 的作用

简介: 【面试题】 JavaScript中高级语法--?? 表达式 的作用

前言

JavaScript中,双问号(??)表达式是一种非常有用的方法。它的作用是用来检测一个值是否为nullundefined。如果该值为nullundefined,那么双问号表达式会返回一个默认值

下面我们就来具体探究一下双问号表达式的用法,以及它与其他相似方法的区别。

具体用法。

其实,双问号表达式就是一个三目运算符的简化写法,如下所示:

const result = value !== undefined && value !== null ? value : defaultValue;

在上面的表达式中,我们检测了value 是否等于undefinednull,如果不等于,我们返回value本身。

否则,我们返回一个默认值defaultValue。这种写法虽然功能简单,但是有着很多的重复代码,不利于代码的维护和可读性。

因此,双问号表达式的出现就解决了这个问题。双问号表达式的语法结构如下:

const result = value ?? defaultValue;

这行代码的意思是:如果value的值为nullundefined,那么返回defaultValue;否则返回value的值本身。使用双问号表达式,代码看起来就简洁明了。

那么双问号表达式和其他的相似方法有什么不同呢?

其实,JavaScript中还有一种方法也能实现双问号表达式的效果——逻辑或操作符(||)。例如:

const result = value || defaultValue;

这段代码的含义和前面的代码是相同的。其中,||操作符的原理是:如果第一个操作数为真,则返回第一个操作数的值;否则返回第二个操作数的值。这里的包括了所有不为null、undefined、false、0、空字符串的值。

因此,如果value的值是nullundefined,那么返回的就是defaultValue

那么二者之间有什么明显的区别呢?

双问号表达式和||操作符最重要的区别在于空字符串的处理方式。

在使用||操作符时,如果value是空字符串(""),那么返回的值也是defaultValue。但是在使用双问号表达式时,如果value是空字符串,那么返回的就是空字符串本身。

这种区别可能对于某些特定的应用场景非常重要,因此,我们需要根据实际情况选择不同的方法。

总结

双问号表达式是一种非常实用的方法,在JavaScript中得到了广泛的应用。它的语法简洁明了,代码可读性强,特别是在处理nullundefined的情况下,能够大大简化代码。然而,在具体应用时我们也需要注意与其他方法的区别,根据实际情况选择最适合的方法。

前端面试题库 (面试必备)            推荐:★★★★★

地址:前端面试题库

相关文章
|
1月前
|
JavaScript 前端开发
JavaScript中的短路表达式
JavaScript中的短路表达式
12 0
|
3月前
|
JavaScript 前端开发
关于 JavaScript 代码里双重感叹号的语法
关于 JavaScript 代码里双重感叹号的语法
54 1
|
2天前
|
JavaScript 前端开发 开发者
Vue.js 模板语法
Vue.js 模板语法
|
1月前
|
JavaScript 前端开发 数据可视化
JavaScript 什么是三元表达式?
JavaScript 什么是三元表达式?
16 1
|
2月前
|
JavaScript 前端开发 Web App开发
JavaScript基础语法(codewhy版本)(一)
JavaScript基础语法(codewhy版本)
90 1
JavaScript基础语法(codewhy版本)(一)
|
2月前
|
JavaScript 前端开发 算法
JavaScript基础语法(codewhy版本)(二)
JavaScript基础语法(codewhy版本)
20 0
JavaScript基础语法(codewhy版本)(二)
|
2月前
|
JavaScript 前端开发 网络架构
JavaScript的数组教程(最详细,更新至es6新语法)
JavaScript的数组教程(最详细,更新至es6新语法)
|
2月前
|
移动开发 前端开发 JavaScript
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(下)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(下)
|
2月前
|
JavaScript 前端开发 Java
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(中)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(中)
|
2月前
|
JavaScript 前端开发 Java
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(上)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(上)