## 一、概述 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 ~~~