JavaScript中问号的用法及其实现原理

2023-09-15 14:50:07

在 JavaScript 中，问号 (?) 是一个多用途的运算符，拥有多种用途，包括三元表达式、双问号语法和正则表达式。本篇文章将详细介绍问号在 JavaScript 中的用法及其实现原理，帮助您全面掌握问号的应用。

三元表达式

三元表达式是 JavaScript 中使用问号最常见的方式之一。它是一种简写形式的 if-else 语句，可以通过更简洁的方式来实现条件判断。

三元表达式的语法如下：

condition ? expression1 : expression2

其中，condition 为布尔值表达式，expression1 和 expression2 是两个表达式。

如果 condition 为 true，则执行 expression1 并返回其结果；否则，执行 expression2 并返回其结果。

例如，以下代码使用三元表达式来判断一个数字是否大于 0：

const num = 5;
const result = num > 0 ? "Positive" : "Non-positive";
console.log(result); // 输出: "Positive"

在这个示例中，由于 num 大于 0，因此 condition 为 true，所以执行 expression1 并将 "Positive" 作为结果。

双问号语法

双问号语法是 JavaScript 中另一个使用问号的方式。它也被称为 "nullish coalescing" 运算符，用于检查一个表达式是否为 null 或 undefined，并返回一个非 null 或 undefined 的值。

双问号表达式的语法如下：

expression1 ?? expression2

其中，expression1 和 expression2 是两个表达式。

如果 expression1 的值为 null 或 undefined，则执行 expression2 并返回其结果；否则，直接返回 expression1 的值。

例如，以下代码使用双问号语法来获取一个变量的值，如果该变量为 null 或 undefined，则返回一个默认值：

const name = null;
const displayName = name ?? "Guest";
console.log(displayName); // 输出: "Guest"

在这个示例中，由于 name 为 null，因此执行 expression2 并将 "Guest" 作为结果。

正则表达式

在正则表达式中，问号 (?) 也是一个有用的运算符。它表示匹配前一个字符出现 0 次或 1 次。

例如，以下正则表达式匹配包含一个或多个 "a" 字符的字符串：

/a+/

而以下正则表达式则匹配包含 0 个或多个 "a" 字符的字符串：

/a?/

实现原理

问号在 JavaScript 中的实现原理相对简单。对于三元表达式，JavaScript 引擎会根据 condition 的值来选择执行 expression1 或 expression2。而对于双问号语法，JavaScript 引擎会先检查 expression1 的值是否为 null 或 undefined，如果是，则执行 expression2 并返回其结果；否则，直接返回 expression1 的值。

在正则表达式中，问号表示匹配前一个字符出现 0 次或 1 次。当正则表达式引擎遇到问号时，它会生成一个能够匹配前一个字符出现 0 次或 1 次的正则表达式。