JavaScript入门必学1：加减乘除和基础算术运算符

开篇：为什么这些符号是编程的第一块积木？

想象你刚开始学说话时，首先学会的是"爸爸"、"妈妈"这些基础词汇。在JavaScript世界里，+、-、*、/ 这些运算符就是你的"编程基础词汇"——它们是你用代码表达数学计算能力的起点。

无论是计算购物车总价、游戏得分，还是处理时间日期，算术运算符都是你最常打交道的工具。今天我们就来彻底掌握它们！

一、认识你的新工具箱

JavaScript提供了6个基础算术运算符，它们和你在计算器上看到的符号几乎一样：

🔍 小贴士：

• 这些运算符可以像搭积木一样组合使用，比如 (3 + 2) * 4 会先算括号内的加法，再算乘法
• 运算顺序遵循数学中的"先乘除后加减"规则

二、数字运算实战案例

案例1：计算电商折扣

let originalPrice = 100;  // 原价
let discountRate = 0.2;   // 20%折扣
let finalPrice = originalPrice * (1 - discountRate); 

console.log(finalPrice);  // 输出：80 (100 * 0.8)

案例2：判断数字奇偶性

function isEven(number) {
  return number % 2 === 0;  // 余数为0就是偶数
}
console.log(isEven(7));  // 输出：false
console.log(isEven(12)); // 输出：true

三、+运算符的特殊技能：字符串拼接

这是初学者最容易困惑的点！当+两边有至少一个字符串时，它会变成"文字粘合剂"：

console.log("Hello" + " World");  // 输出："Hello World"
console.log(10 + "20");           // 输出："1020" (数字被转成字符串)
console.log("年龄：" + 25);       // 输出："年龄：25"

⚠️ 注意事项：

• 如果希望数字正常相加，确保两边都是数字类型：

  console.log(10 + 20);    // 正确：输出30
  console.log(10 + Number("20")); // 将字符串"20"转为数字再相加
  

• 避免意外混合运算：

  // 错误示范（可能不是你想要的结果）：
  let total = "5" + 3;  // 结果是"53"而不是8！
  

四、幂运算 ** 的妙用

** 是ES6新增的指数运算符，比传统的 Math.pow() 写法更直观：

// 计算平方和立方
console.log(2 ** 3);    // 8 (2的3次方)
console.log(5 ** 2);    // 25 (5的平方)

// 比较传统写法
console.log(Math.pow(2, 3)); // 也是8，但需要调用Math对象

🔧 实际应用场景：

• 计算复利增长
• 游戏中的伤害倍数计算
• 像素尺寸的缩放比例

五、练习时间：动手试试看

1. 基础题：计算一个长方形面积（长=8，宽=5）

   // 你的代码：
   let area = 8 * 5;
   console.log(area); // 应该输出40
   

2. 进阶题：判断一个年份是否是闰年（能被4整除但不能被100整除，或者能被400整除）

   function isLeapYear(year) {
     return (year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0);
   }
   console.log(isLeapYear(2024)); // 应该输出true
   

3. 陷阱题：预测下面代码的输出结果

   console.log(1 + 2 + "3");  // ?
   console.log("1" + 2 + 3);  // ?
   

   （答案："33" 和 "123"，思考为什么？）

总结：你的第一个JavaScript技能包

下一步建议：当你熟练掌握这些基础运算后，可以继续学习链接，了解如何用 = 和它的"快捷方式"更高效地操作数据。

遇到任何疑问，欢迎随时提问！比如："为什么 1 + '2' 不报错而是变成字符串？" 或 "取模运算在实际开发中还有什么用途？"