JavaScript 101:初学者的 JavaScript 运算符指南

发布: (2025年12月31日 GMT+8 05:00)
6 min read
原文: Dev.to

Source: Dev.to

Javascript 101

好啦,既然你已经对控制流有了一点了解,让我们再来点儿调味。在本文中,我将向你展示 JavaScript 中有哪些运算符,这些运算符能够真正提升你对代码流向的控制水平。

你可以在这里看到原始文章。

运算符的用途是什么?

让我们先从定义运算符是什么开始。在 JavaScript 中,运算符是用于执行特定操作的符号或关键字;这些操作可以是数学、逻辑、赋值、比较等。简而言之,它们用于在程序运行时操作数据并控制程序的流程。

Source: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_operators

我们有哪些运算符,它们各自有什么用途?

根据 MDN Web Docs 的说明,现有的运算符可以分为四大类:算术运算符赋值运算符比较运算符逻辑运算符以及其他类型。下面我将逐一进行说明。

算术运算符

正如你可能已经猜到的,这些运算符用于进行数学运算。最常见的用法大家都很熟悉:

// 加法 (+)
5 + 3 // = 8

// 减法 (-)
10 - 4 // = 6

// 乘法 (*)
6 * 7 // = 42

// 除法 (/)
10 / 2 // = 5

但这并不是全部;还有一些不太常见的算术运算符:

// 取余 (%)
12 % 5 // = 2

// 指数 (**)
2 ** 3 // = 8

取余运算符(%)是 一种在编程中用于求除法余数的数学运算符。例如,5 % 2 的结果是 1,因为 2 能进入 5 两次,余数为 1。

最后,我们还有 一元 算术变体,用于递增/递减、将值强制转换为 int 或取负:

  • ++ / --(递增 / 递减)
  • 一元 +- 用于强制转换或取负
let x = 5;
x++;           // x 变为 6

let y = +"42"; // y 为 42(数值)
let z = -10;   // z 为 -10

赋值运算符

赋值运算符用于在变量中存储或更新值。最基本的形式是 = 运算符,用于赋值。其余运算符被称为“复合”运算符,因为它们将算术运算与赋值合并在一起。

这些快捷写法可以让代码更简洁,减少重复。

// 基本赋值:
let count = 0;
count = 5;

// 复合运算符:
count += 2; // count = count + 2
count -= 3; // count = count - 3
count *= 3; // count = count * 3

// 上面的写法相当于:
count = count * 3;

还有更多赋值运算符;完整列表请参见 MDN 文档 这里

比较运算符

小知识点:JavaScript 于 1995 年 5 月诞生。最初它只拥有 宽松 比较运算符(==!=)。到了 1999 年 12 月,随着 ECMAScript 3(ES3) 的发布,严格 相等运算符(===!==)被引入,使我们的编程体验稍微好了一点。

宽松相等(==!=

// 不安全的类型比较:
"3" == 3          // true
3 != '3'          // false
null == undefined // true
[] == false       // true

严格相等(===!==

0 === false         // false(类型不同)
"5" === 5           // false(类型不同)
"hello" === "hello" // true(值相同,类型相同)
1 === 1             // true(类型相同,值相同)
3 !== '3'           // true(类型不同)

💡 建议: 除非有明确的理由需要进行类型强制转换,否则始终使用 ===(以及 !==)。

关系运算符

3  4   // false
4 >= 4  // true
4 = 18 ? "adult" : "minor";

比较:if…else 与三元运算符

// 使用 if…else
function getFinalPrice(price, discount) {
  let result;
  if (discount > 0) {
    result = price - price * discount;
  } else {
    result = price;
  }
  return result;
}

// 使用三元运算符
function getFinalPrice(price, discount) {
  return discount > 0
    ? price - price * discount
    : price;
}

💡 小贴士: 三元运算符可以让代码更短、更易读,但如果使用过度——尤其是链式使用多个三元运算符——会影响可维护性。请谨慎使用。

那…就是现在

这些是你在 JavaScript 中最常见的运算符,尽管它们不是唯一的。我可能会在本系列的后续章节中探讨更高级的运算符。

现在你应该已经准备好使用这里介绍的概念来编写代码了。

接下来在 JavaScript 101 系列中: 循环——具体来说是 forwhiledo…while

Back to Blog

相关文章

阅读更多 »

🍽️ 像5岁小孩一样解释API

餐厅类比 想象一下你在一家餐厅。你不会走进厨房自己烹饪食物。你 → 服务员 → 厨房——你告诉服务员你想要的……