JavaScript中6种核心运算符详解

算术运算符

算术运算符用于执行常见的数学计算，支持整数和浮点数处理。下表总结了主要算术符号及其行为：

递增与递减的区别

++和--分为前缀和后缀形式，两者的区别在于返回值的时间点不同：

• 前缀模式：+ +y 先增加变量的值，再使用其新值参与表达式运算。
• 后缀模式：y+ + 先使用变量原有的值参与运算，然后再增加变量的值。

var x = 2;
console.log(++x); // 输出：3 (先自增，再输出)
console.log(x);   // 输出：3

var y = 2;
console.log(y++); // 输出：2 (先输出原值，再自增)
console.log(y);   // 输出：3

注意：此运算对布尔值和 null 无效。

赋值运算符

赋值运算符用于将右操作数的值赋给左操作数变量。除了基础的 = 外，还支持结合算术运算的简写形式，以提高代码简洁性。

赋值运算可以嵌套使用，例如：

y = (x = 2) + 5; // 此时 x=2, y=7

比较运算符

比较运算符用于比较两个值的大小或相等性，通常返回布尔值（Boolean）。在处理不同类型的数据时，选择正确的相等性判断至关重要。

比较运算符同样适用于字符串的字典序比较。

三元运算符

三元运算符是 JavaScript 中唯一的需要三个操作数的运算符，常作为 if-else 语句的简写形式，使条件赋值更加紧凑。

基本语法

(condition) ? expr1 : expr2

运行逻辑：如果 condition 求值为 true（真），则整个表达式的结果为 expr1；否则，结果为 expr2。

应用示例

x = 2;
y = (x == 2) ? x : 1;
console.log(y); // 输出：2，因为 x确实等于2，故取第一个表达式的值

提示：为避免优先级引发的歧义错误，建议将各个表达式用括号括起来。

逻辑运算符

逻辑运算符用于组合多个布尔表达式，根据运算规则返回最终的真假结果。

字符串连接运算符

在 JavaScript 中，+ 运算符具有双重作用：数字相加和字符串连接。当至少有一个操作数为字符串时，该运算符会将另一个操作数转换为字符串并执行拼接操作。

// 纯字符串拼接
let str1 = "Hello ";
let result = str1 + "World!"; // "Hello World!"

// 字符串与数字混合
let num = 25;
let message = "我今年" + num + "岁"; // "我今年25岁"（数字自动转为字符串）

如果希望字符串之间有空格分隔，必须显式地在字符串常量中添加空格。

总结

理解这六大类运算符的工作机制是编写正确 JavaScript 代码的前提。特别是区分相等性判断（== vs ===）以及理解运算过程中的类型隐式转换，能够有效避免常见的逻辑 Bug。以上就是 JavaScript 中6种核心运算符的详细内容，更多关于前端开发的资料请关注本站其它相关文章！