在上一篇教程中，我们讨论了变量与数据类型的类型转换，这为我们理解基本运算符打下了基础。在这一节中，我们将深入探讨JavaScript中的基本运算符，它们在程序中扮演着重要的角色。

基本运算符通常用于对数据进行基本的数学和字符串操作。在JavaScript中，基本运算符主要包括：

1. 算术运算符
2. 赋值运算符
3. 自增和自减运算符

让我们逐一了解这些运算符，并通过示例加深理解。

算术运算符

算术运算符用于进行数值计算。它们包括：

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

示例

let a = 10;
let b = 3;

// 加法
let sum = a + b; // 结果是 13
console.log("加法: " + sum);

// 减法
let difference = a - b; // 结果是 7
console.log("减法: " + difference);

// 乘法
let product = a * b; // 结果是 30
console.log("乘法: " + product);

// 除法
let quotient = a / b; // 结果是 3.333...
console.log("除法: " + quotient);

// 取余
let remainder = a % b; // 结果是 1
console.log("取余: " + remainder);
复制

输出结果：

加法: 13
减法: 7
乘法: 30
除法: 3.3333333333333335
取余: 1
复制

赋值运算符

赋值运算符用于将值赋给变量。JavaScript中最常用的赋值运算符是 =。此外，还有扩展的赋值运算符，如：

• +=：加法赋值
• -=：减法赋值
• *=：乘法赋值
• /=：除法赋值
• %=：取余赋值

示例

let num = 5;

// 加法赋值
num += 2; // 相当于 num = num + 2;
console.log("加法赋值: " + num); // 输出 7

// 减法赋值
num -= 3; // 相当于 num = num - 3;
console.log("减法赋值: " + num); // 输出 4

// 乘法赋值
num *= 2; // 相当于 num = num * 2;
console.log("乘法赋值: " + num); // 输出 8

// 除法赋值
num /= 4; // 相当于 num = num / 4;
console.log("除法赋值: " + num); // 输出 2

// 取余赋值
num %= 2; // 相当于 num = num % 2;
console.log("取余赋值: " + num); // 输出 0
复制

输出结果：

加法赋值: 7
减法赋值: 4
乘法赋值: 8
除法赋值: 2
取余赋值: 0
复制

自增和自减运算符

自增和自减运算符是用于将变量的值增加或减少1。它们包括：

• ++：自增运算符
• --：自减运算符

自增和自减运算符有两种形式：前缀和后缀。前缀形式会在运算之前更新变量，后缀形式在运算之后更新变量。

示例

let x = 5;

// 前缀自增
let preIncrement = ++x; // x 先加1，然后赋值给 preIncrement
console.log("前缀自增: " + preIncrement); // 输出 6

let y = 5;

// 后缀自增
let postIncrement = y++; // 将 y 的值赋值给 postIncrement，然后再加1
console.log("后缀自增: " + postIncrement); // 输出 5
console.log("自增后的 y: " + y); // 输出 6
复制

输出结果：

前缀自增: 6
后缀自增: 5
自增后的 y: 6
复制

通过上述示例，我们可以看出基本运算符在JavaScript中的重要性和实用性。它们不仅可以进行简单的数学运算，还能对变量进行有趣和值得注意的操作。

在下一篇教程中，我们将探讨运算符之比较运算符，它们将帮助我们在程序中进行条件判断，提升程序的逻辑处理能力。