JavaScript 运算符
你已经知道值在条件里怎样表现——truthy 与 falsy。下一步是读懂作用在值上的符号：做加减、存进变量、比较，或组合是/否。这些符号就是运算符。本课是一张家族地图，不是每个符号的深挖。后面会分别讲算术、赋值、比较和逻辑。
JavaScript 里什么是运算符？
运算符是一个符号（或很短的关键词），告诉 JavaScript 对一个或多个值做某件事。被操作的值叫操作数。在 3 + 4 里，+ 是运算符，3 和 4 是操作数。几乎每行代码都会见到运算符——先记住家族名称，符号才不会显得杂乱。
运算符家族（初学者地图）
📊 初学者运算符家族
| 家族 | 一句话职责 | 很快会见到的例子 |
|---|---|---|
| 算术 | 用数字计算 | + - * / % |
| 赋值 | 把值存进变量 | = += |
| 比较 | 对值提出是/否问题 | === !== > < |
| 逻辑 | 组合或翻转是/否结果 | && · OR · ! |
把这张表放在手边。见到新符号？先问：属于哪个家族？ 比第一天背一长串清单更有用。
算术速览
算术运算符主要处理数字，并返回新值。% 是除法的余数——以后做「每隔 N 个」时很有用。
console.log(10 + 3);
console.log(10 - 3);
console.log(10 * 3);
console.log(10 / 3);
console.log(10 % 3);
完整的算术课在下一篇。这里只要认出家族、读懂短表达式即可。
赋值用来存放值
= 不是数学课里的「等于」。它是赋值：把右边的值放进左边的变量。
let score = 0;
score = 10;
console.log(score);
let label = "hi";
label = label + "!";
console.log(label);
像 += 这类简写也属于同一家族；赋值课里会练习。
比较是在提问
比较运算符返回 boolean：true 或 false。初学请优先用 ===（严格相等）——同时检查值和类型。更深入的比较课稍后再讲。
console.log(5 === 5);
console.log(5 === "5");
console.log(7 > 3);
console.log(2 !== 9);
5 === "5" 为 false，因为数字和字符串类型不同。这是严格相等的特性，不是缺陷。
逻辑用来组合是/否
逻辑运算符处理类似 boolean 的结果。&& 需要两边都 truthy。|| 至少一边即可。! 翻转 truthy/falsy。你已熟悉这个思路；这里是把多个检查连起来。
console.log(true && true);
console.log(true && false);
console.log(false || true);
console.log(!false);
let age = 20;
console.log(age >= 18 && age < 65);
注意 +：相加还是拼接？
两个数字用 + 通常是相加。若一边是字符串，+ 常常会拼接。类型转换课里见过——运算符地图上也该有它的位置。
console.log(2 + 3);
console.log("2" + 3);
console.log(2 + "3");
console.log("Hi" + " " + "Sam");
在页面上显示表达式
一个短表达式就能决定访客看到什么。改数字或比较后刷新。
<!DOCTYPE html>
<html>
<head>
<title>Operators — page demo</title>
</head>
<body>
<p id="out">…</p>
<script>
let a = 8;
let b = 5;
let sum = a + b;
let ok = sum >= 10;
let box = document.getElementById("out");
box.textContent = "sum=" + sum + " · ok=" + ok;
</script>
</body>
</html>
这里算术（+）、比较（>=）和字符串拼接（带文字的 +）一起工作。真实页面里这种组合很常见。
自己动手
- 打印
15 + 4、15 - 4、15 * 4、15 / 4和15 % 4。 - 写
let n = 1，再写n = n + 2，然后打印n。 - 打印
10 === 10和10 === "10"。 - 打印
true && false和true || false。 - 把
"7" + 1和7 + 1并排对比。 - 在 HTML 演示里改
a或b，让ok变成false，再刷新。
常见错误
- 把
=当成「等于」——它是存放；比较要用=== - 以为
+总是相加——有字符串时常常拼接 - 还没学会四个家族名就背所有符号
- 把比较（
===）和逻辑（&&）搞混——职责不同 - 跳过地图过早跳到高级运算符
小结
- 运算符作用于值（操作数）
- 入门家族：算术、赋值、比较、逻辑
=存放；===比较；&&/||/!组合是/否+可能加数字，也可能拼字符串- 下一课：算术——更深入看
+-*/%
🧠 测试您的知识
测试您的知识
通过这个互动测验挑战自己，看看你对这个主题的理解程度如何
📝 说明
- 仔细阅读每个问题
- 为每个问题选择最佳答案
- 您可以随时重新参加测验
- 您的进度将显示在顶部