JavaScript 教程

纯干货教学,从零开始学习 JavaScript

JavaScript 运算符

运算符是用来执行操作的符号,JavaScript 提供了多种类型的运算符,用于执行算术运算、比较值、逻辑操作等。

🎯 学习目标

通过本章节的学习,你将掌握 JavaScript 中的各种运算符,包括算术运算符、比较运算符、逻辑运算符、赋值运算符等,并能够在实际编程中灵活使用它们。

算术运算符

算术运算符用于执行数学运算:

运算符 描述 示例 结果
+ 加法 5 + 3 8
- 减法 5 - 3 2
* 乘法 5 * 3 15
/ 除法 6 / 3 2
% 取模(余数) 7 % 3 1
++ 自增 let x = 5; x++ 6
-- 自减 let x = 5; x-- 4

比较运算符

比较运算符用于比较两个值:

运算符 描述 示例 结果
== 等于(值比较) 5 == "5" true
=== 严格等于(值和类型比较) 5 === "5" false
!= 不等于 5 != 3 true
!== 严格不等于 5 !== "5" true
> 大于 5 > 3 true
< 小于 5 < 3 false
>= 大于等于 5 >= 5 true
<= 小于等于 5 <= 3 false

逻辑运算符

逻辑运算符用于执行逻辑操作:

运算符 描述 示例 结果
&& 逻辑与 true && false false
|| 逻辑或 true || false true
! 逻辑非 !true false

赋值运算符

赋值运算符用于给变量赋值:

运算符 描述 示例 等效于
= 简单赋值 x = 5 x = 5
+= 加后赋值 x += 3 x = x + 3
-= 减后赋值 x -= 3 x = x - 3
*= 乘后赋值 x *= 3 x = x * 3
/= 除后赋值 x /= 3 x = x / 3
%= 取模后赋值 x %= 3 x = x % 3

三元运算符

三元运算符是 JavaScript 中唯一需要三个操作数的运算符:

// 语法:条件 ? 表达式1 : 表达式2

let age = 18;
let message = age >= 18 ? "成年人" : "未成年人";
console.log(message); // 输出:成年人

位运算符

位运算符用于对二进制数进行操作:

运算符 描述
& 按位与
| 按位或
^ 按位异或
~ 按位非
<< 左移
>> 右移
>>> 无符号右移

运算符优先级

JavaScript 运算符的优先级决定了表达式中运算执行的顺序:

  1. () - 括号
  2. ++ -- - 自增、自减、一元负号
  3. * / % - 乘法、除法、取模
  4. + - - 加法、减法
  5. < <= > >= - 比较运算符
  6. == != === !== - 相等运算符
  7. && - 逻辑与
  8. || - 逻辑或
  9. ?: - 三元运算符
  10. = += -= *= /= %= - 赋值运算符

💡 学习提示

  • 使用括号可以改变运算符的优先级,使代码更清晰
  • 优先使用严格等于(===)和严格不等于(!==),避免类型转换导致的意外结果
  • 逻辑运算符具有短路求值特性,可以用于简化代码

📝 学习检查

通过本章节的学习,你应该了解:

  • JavaScript 中的各种算术运算符
  • 比较运算符和严格比较运算符的区别
  • 逻辑运算符的使用方法
  • 赋值运算符的简写形式
  • 三元运算符的使用场景
  • 运算符的优先级规则