点此查看所有教程、项目、源码导航文章目录1. 前言2. 基础赋值运算符 3. 复合赋值运算符3.1 累加赋值3.2 - 累减赋值3.3 * 累乘赋值3.4 / 累除赋值3.5 % 取模赋值4. 重点注意事项5. 小结1. 前言上一篇我们学习了算术运算符可以完成加减乘除、取模这类数值计算。计算出来的结果往往需要保存到变量里这就要用到赋值运算符。本篇我们就来学习赋值运算符包含基础赋值和复合赋值 - * / %。2. 基础赋值运算符 是最基础的赋值运算符。注意它和数学里的等号含义不一样数学中代表两边相等在 JS 里代表把右边的值交给左边的变量保存。letnum;num10;// 将数字10赋值给变量numconsole.log(num);代码解释等号的执行顺序永远是先计算右侧内容再把结果赋值给左边变量。左边只能是变量不能直接写数字或者字面量。leta1;letb2;letresab;console.log(res);这里先算出a b的结果 3再把 3 存入 res 变量。3. 复合赋值运算符在开发中经常会遇到一种场景变量本身和另一个数字运算之后结果重新赋值给自己。比如letn10;nn5;console.log(n);这种写法很常见JS 提供了简写形式也就是复合赋值运算符。3.1 累加赋值n 5等价于n n 5letn10;n5;console.log(n);// 输出153.2 - 累减赋值n - 5等价于n n - 5letn10;n-5;console.log(n);// 输出53.3 * 累乘赋值n * 5等价于n n * 5letn10;n*5;console.log(n);// 输出503.4 / 累除赋值n / 5等价于n n / 5letn10;n/5;console.log(n);// 输出23.5 % 取模赋值n % 3等价于n n % 3letn10;n%3;console.log(n);// 10对3取模余数为14. 重点注意事项复合赋值运算符本质只是语法简写底层逻辑和完整写法完全一样。同时它同样会触发隐式类型转换如果右边不是数字会自动尝试转为数字再运算和算术运算符规则保持一致。letnum10;num20;console.log(num);这里里面的加号兼具拼接功能会把内容当成字符串拼接结果是字符串1020这个坑需要大家留意。5. 小结是基础赋值作用是把右侧的值存入左侧变量不是判断相等 - * / %属于复合赋值运算符是「变量自己参与运算再赋值给自己」的简写复合赋值和完整写法效果相同代码更简短项目里使用频率很高需要额外小心遇到字符串会变成拼接而不是加法运算。