🎬 HoRain云小助手：个人主页
🔥 个人专栏: 《Linux 系列教程》《c语言教程》
⛺️生活的理想，就是为了理想的生活!
⛳️ 推荐
前些天发现了一个超棒的服务器购买网站，性价比超高，大内存超划算！忍不住分享一下给大家。点击跳转到网站。
专栏介绍
专栏名称 | 专栏介绍 |
《C语言》 | 本专栏主要撰写C干货内容和编程技巧，让大家从底层了解C，把更多的知识由抽象到简单通俗易懂。 |
《网络协议》 | 本专栏主要是注重从底层来给大家一步步剖析网络协议的奥秘，一起解密网络协议在运行中协议的基本运行机制！ |
《docker容器精解篇》 | 全面深入解析 docker 容器，从基础到进阶，涵盖原理、操作、实践案例，助您精通 docker。 |
《linux系列》 | 本专栏主要撰写Linux干货内容，从基础到进阶，知识由抽象到简单通俗易懂，帮你从新手小白到扫地僧。 |
《python 系列》 | 本专栏着重撰写Python相关的干货内容与编程技巧，助力大家从底层去认识Python，将更多复杂的知识由抽象转化为简单易懂的内容。 |
《试题库》 | 本专栏主要是发布一些考试和练习题库（涵盖软考、HCIE、HRCE、CCNA等） |
目录
⛳️ 推荐
专栏介绍
🔢 算术运算符
⚖️ 比较运算符
🔀 逻辑运算符与短路求值
➿ 其他实用运算符
🧠 优先级与最佳实践
JavaScript 运算符是构成代码逻辑的基石，用于对变量和值进行各种操作。下面这个表格汇总了主要的运算符类别，帮你快速建立整体印象。
运算符类别 | 核心运算符示例 | 主要用途 |
|---|---|---|
算术运算符 |
| 执行数学计算 |
赋值运算符 |
| 将值赋给变量，并可同步进行运算 |
比较运算符 |
| 比较两个值，返回布尔结果 |
逻辑运算符 |
| |
其他运算符 | 三元运算符 ( | 条件判断、类型检查、安全访问属性等 |
🔢 算术运算符
算术运算符用于执行基本的数学运算。除了常见的加减乘除外，有几个点需要特别注意：
加法与字符串拼接：加号
+除了用于数字相加，还用于字符串拼接。只要+操作符两边有一个操作数是字符串，JavaScript 就会将另一个操作数也转换为字符串然后拼接 。console.log(10 + 5); // 15 (数字相加) console.log(10 + "5"); // "105" (字符串拼接)取模运算：取模运算符
%返回的是两数相除后的余数，常用于判断奇偶性或周期性操作 。console.log(10 % 3); // 1 (10除以3，余数为1) console.log(10 % 2); // 0 (判断10是否为偶数)自增/自减运算符：
++和--用于将变量的值加1或减1。它们有前置（如++a）和后置（如a++）之分，区别在于返回值是操作后的新值还是操作前的原值 。let a = 5; console.log(a++); // 5 (先返回原值5，然后a变为6) console.log(++a); // 7 (a先变为7，然后返回新值7)
⚖️ 比较运算符
比较运算符用于比较两个值，并返回一个布尔值true或false。理解它们的区别至关重要。
相等（
==）与全等（===）：这是最容易出错的地方。==在比较时会进行类型转换，而===要求值和类型都严格相同 。console.log(5 == "5"); // true (值相同，类型不同，== 会转换后比较) console.log(5 === "5"); // false (类型不同，=== 直接返回false)最佳实践是总是使用
===和!==，以避免类型转换带来的意外结果 。对非数值的比较：当比较非数值时，JavaScript 会遵循特定规则。例如，比较两个字符串时，实际上是按字符的 Unicode 编码逐个比较，这可能导致
"56" > "123"为true。任何值与NaN比较（包括==和===）结果都是false。
🔀 逻辑运算符与短路求值
逻辑运算符通常用于布尔值之间的运算，但它们有一个非常强大的特性叫短路求值。
基本逻辑运算：
&&(逻辑与)：两边都为true，结果才为true。||(逻辑或)：至少一边为true，结果就为true。!(逻辑非)：取反操作 。
短路求值的妙用：短路求值是指当第一个操作数已经能决定整个表达式的结果时，就不会再计算第二个操作数 。利用这个特性，我们可以实现一些简洁的操作：
&&的短路：如果第一个操作数为假（如false,0,"",null,undefined,NaN），则直接返回该操作数，否则返回第二个操作数 。这常用于条件执行。user.isLoggedIn && showWelcomeMessage(); // 仅在用户登录时显示欢迎信息||的短路：如果第一个操作数为真，则直接返回该操作数，否则返回第二个操作数 。这常用于设置默认值。const userName = inputName || "匿名用户"; // 如果inputName为空，则使用默认值
➿ 其他实用运算符
三元运算符 (
condition ? expr1 : expr2)：这是唯一需要三个操作数的运算符，可以看作简洁的if-else语句，用于条件赋值非常方便 。const message = age >= 18 ? "成年人" : "未成年人";空值合并运算符 (
??)：这是一个较新的运算符，用于检查左侧操作数是否为null或undefined。如果是，则返回右侧操作数；否则返回左侧操作数。它与||不同，||会对所有假值（如0,""）生效，而??只针对null和undefined。const count = userInput ?? 0; // 如果userInput是null或undefined，则count为0可选链运算符 (
?.)：用于安全地访问嵌套的对象属性。如果尝试访问的属性为null或undefined，表达式会短路并返回undefined，而不是抛出错误 。const city = user?.address?.city; // 即使user或address不存在也不会报错
🧠 优先级与最佳实践
当表达式包含多种运算符时，它们的执行顺序由运算符优先级决定 。例如1 + 2 * 3结果是7而不是9，因为乘法*的优先级高于加法+。
最佳实践是：如果不确定优先级，或者为了代码清晰，就使用圆括号()来明确指定计算顺序 。例如(1 + 2) * 3明确表示先加后乘。
此外，在处理浮点数运算时，要注意精度问题（如0.1 + 0.2 !== 0.3），对精度要求高的场景可考虑先将浮点数转换为整数运算，或使用toFixed()等方法 。
希望这份详细的梳理能帮助你更好地理解和使用 JavaScript 运算符！如果你对某个特定的运算符或应用场景有更深入的疑问，我们可以继续探讨。
❤️❤️❤️本人水平有限，如有纰漏，欢迎各位大佬评论批评指正！😄😄😄
💘💘💘如果觉得这篇文对你有帮助的话，也请给个点赞、收藏下吧，非常感谢!👍 👍 👍
🔥🔥🔥Stay Hungry Stay Foolish 道阻且长,行则将至,让我们一起加油吧！🌙🌙🌙
