JavaScript基础教程：运算符与数学运算详解

JavaScript基础教程：运算符与数学运算详解

en.javascript.info Modern JavaScript Tutorial 项目地址: https://gitcode.com/gh_mirrors/en/en.javascript.info

引言：运算符的基本概念

在编程中，运算符是我们处理数据的基本工具。就像数学中的加减乘除一样，JavaScript提供了丰富的运算符来完成各种计算和操作。本文将全面介绍JavaScript中的基础运算符，包括算术运算符、赋值运算符、递增递减运算符等，并深入探讨它们在实际开发中的应用。

运算符分类与术语

操作数与运算符类型

在深入具体运算符前，我们需要明确几个关键术语：

1. 操作数(Operand)：运算符作用的对象。例如在表达式5 * 2中，5和2就是操作数。

2. 一元运算符(Unary Operator)：只有一个操作数的运算符。例如：

   let x = 1;
   x = -x; // 这里的负号是一元运算符
   

3. 二元运算符(Binary Operator)：有两个操作数的运算符。例如：

   let y = 3;
   alert(y - x); // 这里的减号是二元运算符
   

JavaScript中的数学运算

JavaScript支持以下基本数学运算符：

• 加法 +
• 减法 -
• 乘法 *
• 除法 /
• 取余 %
• 指数 **

特殊运算符详解

取余运算符(%)

取余运算符返回除法后的余数：

alert(5 % 2); // 1，因为5除以2商2余1
alert(8 % 3); // 2

指数运算符(**)

指数运算符计算基数的指数次幂：

alert(2 ** 3); // 8 (2的3次方)
alert(4 ** (1/2)); // 2 (平方根)
alert(8 ** (1/3)); // 2 (立方根)

字符串连接与类型转换

加号(+)的特殊行为

在JavaScript中，加号运算符有特殊行为：

1. 字符串连接：当任一操作数为字符串时，加号执行连接操作：

   alert('1' + 2); // "12"
   alert(2 + 2 + '1'); // "41" (先计算2+2，再连接"1")
   

2. 数值转换：其他算术运算符会将操作数转换为数字：

   alert(6 - '2'); // 4
   alert('6' / '2'); // 3
   

一元加号运算符

一元加号可将值转换为数字：

let apples = "2";
let oranges = "3";
alert(+apples + +oranges); // 5 (转换为数字后相加)

运算符优先级

当表达式中有多个运算符时，执行顺序由优先级决定：

1. 常见运算符优先级（从高到低）：

   • 括号 ()
   • 一元运算符 +, -, ++, --
   • 指数 **
   • 乘除 *, /, %
   • 加减 +, -
   • 赋值 =

2. 示例：

   alert(2 * 2 + 1); // 5 (先乘法后加法)
   alert(2 * (2 + 1)); // 6 (括号优先)
   

赋值运算符

基础赋值

赋值运算符=不仅赋值，还返回所赋的值：

let a, b;
a = b = 2 + 2; // 链式赋值，从右向左执行
alert(a); // 4
alert(b); // 4

复合赋值运算符

简化变量自身运算的赋值操作：

let n = 2;
n += 5; // 等同于 n = n + 5
n *= 2; // 等同于 n = n * 2
alert(n); // 14

递增与递减运算符

基本用法

let counter = 1;
alert(++counter); // 2 (前缀形式，先增后返回值)
alert(counter++); // 2 (后缀形式，先返回值后增)

使用建议

1. 单独使用时，前后缀形式无区别：

   let counter = 0;
   counter++;
   ++counter;
   

2. 在表达式中使用时需注意：

   • 前缀形式：先增减后使用值
   • 后缀形式：先使用值后增减

其他运算符

位运算符

处理32位整数二进制表示：

• AND &
• OR |
• XOR ^
• NOT ~
• 位移 <<, >>, >>>

逗号运算符

允许在单个语句中执行多个表达式，返回最后一个结果：

let a = (1 + 2, 3 + 4);
alert(a); // 7

最佳实践与总结

1. 代码可读性优先于简洁性
2. 避免在复杂表达式中混合使用递增/递减
3. 适当使用括号明确运算顺序
4. 对于复合赋值，确保理解其等价形式

掌握JavaScript运算符是成为高效开发者的基础。理解这些概念后，你将能够编写更清晰、更高效的代码。记住，好的代码不仅需要正确性，还需要可读性和可维护性。

en.javascript.info Modern JavaScript Tutorial 项目地址: https://gitcode.com/gh_mirrors/en/en.javascript.info