## 一、概述 JavaScript 共提供10个算术运算符，用来完成基本的算术运算。 * **加法运算符**：`x + y` * **减法运算符**：`x - y` * **乘法运算符**：`x * y` * **除法运算符**：`x / y` * **指数运算符**：`x ** y` * **余数运算符**：`x % y` * **自增运算符**：`++x`或者`x++` * **自减运算符**：`--x`或者`x--` * **数值运算符**：`+x` * **负数值运算符**：`-x` ## 二、加法运算符 ### 2.1 基本规则 加法运算符（`+`）是最常见的运算符，用来求两个数值的和。 ~~~ 1 + 1 // 2 ~~~ 比较特殊的是，如果是两个字符串相加，这时加法运算符会变成连接运算符，返回一个新的字符串，将两个原字符串连接在一起。 ~~~ 'a' + 'bc' // "abc" ~~~ 如果一个运算子是字符串，另一个运算子是非字符串，这时非字符串会转成字符串，再连接在一起。 ~~~ 1 + 'a' // "1a" false + 'a' // "falsea" ~~~ 加法运算符是在运行时决定，到底是执行相加，还是执行连接。也就是说，运算子的不同，导致了不同的语法行为。 ~~~ '3' + 4 + 5 // "345" 3 + 4 + '5' // "75" ~~~ ### 2.2 对象的相加 如果运算子是对象，必须先转成原始类型的值，然后再相加。 ~~~ var obj = { p: 1 }; obj + 2 // "[object Object]2" ~~~ 上面代码中，对象`obj`转成原始类型的值是`[object Object]`，再加`2`就得到了上面的结果。 ## 三、余数运算符 余数运算符（`%`）返回前一个运算子被后一个运算子除，所得的余数。 ~~~ 12 % 5 // 2 ~~~ 需要注意的是，运算结果的正负号由第一个运算子的正负号决定。 ~~~ -1 % 2 // -1 1 % -2 // 1 ~~~ 余数运算符还可以用于浮点数的运算。但是，由于浮点数不是精确的值，无法得到完全准确的结果。 ~~~ 6.5 % 2.1 // 0.19999999999999973 ~~~ ## 四、自增和自减运算符 自增和自减运算符，是一元运算符，只需要一个运算子。它们的作用是将运算子首先转为数值，然后加上1或者减去1。它们会修改原始变量。 ~~~ var x = 1; ++x // 2 x // 2 --x // 1 x // 1 ~~~ 上面代码的变量`x`自增后，返回`2`，再进行自减，返回`1`。这两种情况都会使得，原始变量`x`的值发生改变。 ## 五、数值运算符，负数运算符 数值运算符（`+`）同样使用加号，但它是一元运算符（只需要一个操作数），而加法运算符是二元运算符（需要两个操作数）。 数值运算符的作用在于可以将任何值转为数值（与`Number`函数的作用相同）。 ~~~ +true // 1 +[] // 0 +{} // NaN ~~~ 负数值运算符（`-`），也同样具有将一个值转为数值的功能，只不过得到的值正负相反。连用两个负数值运算符，等同于数值运算符。 ~~~ var x = 1; -x // -1 -(-x) // 1 ~~~ ## 六、指数运算符 指数运算符（`**`）完成指数运算，前一个运算子是底数，后一个运算子是指数。 ~~~ 2 ** 4 // 16 ~~~ 注意，指数运算符是右结合，而不是左结合。即多个指数运算符连用时，先进行最右边的计算。 ~~~ // 相当于 2 ** (3 ** 2) 2 ** 3 ** 2 // 512 ~~~ ## 七、赋值运算符 赋值运算符（Assignment Operators）用于给变量赋值。 最常见的赋值运算符，当然就是等号（`=`）。 ~~~ // 将 1 赋值给变量 x var x = 1; // 将变量 y 的值赋值给变量 x var x = y; ~~~ 赋值运算符还可以与其他运算符结合，形成变体。下面是与算术运算符的结合。 ~~~ // 等同于 x = x + y x += y // 等同于 x = x - y x -= y // 等同于 x = x * y x *= y // 等同于 x = x / y x /= y // 等同于 x = x % y x %= y // 等同于 x = x ** y x **= y ~~~