JavaScript学习系列博客_6_JavaScript中的算数运算符

运算符（操作符）

在JS中 +、-、*、/、%这些都是算数运算符，typeof也是一个运算符，它的操作结果就是得到一个描述变量数据类型的字符串。

+ 运算符

1、两个值在都没有string类型的值的情况下相加，如果都是number类型，则做数学加法运算，如果存在非number类型的，会把它先转换为number类型再做数学加法。

其实，在没有string类型的情况下，又除开number类型以外，基本数据类型中就剩 boolean、undefined、null这三个数据类型了。

number+number

boolean+number

boolean+boolean

null+number

undefined+number 注意NaN和做数学运算结果都是NaN

2、两个值在存在string类型的值的情况下使用 + 操作符，这里做的就不是数学运算中的加法，而是字符串的拼接。如果两个值只有一个是string类型值，另一个会被转换为string类型再做字符串拼接。

string+string

string+boolean

string+NaN 这里和上边要区分开来NaN已经不是在做数学运算了

*、-、/ 、%运算符 

这三个运算符没有 + 运算符这么麻烦。这三个运算符无论是string、boolean、null或者是undefined，只要是非number类型的值，都是先转换为number再做数学减法运算。

string-number、string-string

string*number、string*string

这样的话，有没有想到之前的隐式类型转换，就是通过 任意类型的值（number、boolean等）+"" 上面说到的字符串拼接，拼接一个空的字符串，从而将这个任意类型的值转换为string类型。类型转换，值不变即可。那么隐式转换为number类型，是不是 任意类型的值-0、*1或者/1 都可以将它转换为number类型。这转换的原理其实是和Number()函数是一样的。

转换为string

转换为number

你以为到这就结束了？并没有!看着这些结论，你难道没有一丝丝的怀疑？反正我是怀疑了！我还真的在浏览器控制台挨个换数据类型试了试。这个一试完，完了！

就这个除法运算，按照上面的结论，这时候布尔值false应该转换为number类型的值0，然后这个123/0，结果为啥是正无穷？我当然也知道分母为零是没有意义的，实际项目中也不会有人拿个数字去除以0。正常人来想这件事难道不是会报错才对吗？

这里取模运算，false和null转换为number都是0，然后undefined转换过来是NaN。最后一个跟NaN做数学运算结果为NaN我表示可以理解，前面两个9%0,结果为什么不和上面除法运算123/0一样，返回的是正无穷，虽然上面为啥是正无穷我也没明白。

百度了一下，也有别人提问过：

https://segmentfault.com/q/1010000011128897

结论：别问，问就是ECMAScript规定好的，英语好的不妨可以读一读这个ECMAScript标准，毕竟这个是最权威的东西了。附上链接：

http://www.ecma-international.org/ecma-262/7.0/

上边的都是需要两个值来操作的，叫二元运算符，其中像+，-这种算数运算符在数学中也是可以加在一个数前面来表示正和负的。在JS中，用法也一样加在一个值前面表示这个值的正和负，这时就叫做一元运算符。而这个值若不是number类型的也会转换为number类型，这和上边隐式类型转换的原理一样。

自增 ++

- 自增可以使用 前++（++a）后++(a++)
- 无论是++a 还是 a++都会立即使原变量自增1

++a的值是变量的新值（自增后的值）
a++的值是变量的原值（自增前的值）

a++这个表达式的值为啥是自增前的值呢？可以这样理解，JS从左往右执行，表达式a++，a在前，++在后，所以执行到a的时候就是10，之后再++，a的值才改变为11。同理，++a这个表达式++在前，先执行了++，a已经是12了，所以++a这个表达式的值才是12，自增后的值。下面的自减运算也可以同样方式理解。

自减 --

- 自减可以使用 前--（--a）后--(a--)
- 无论是--a 还是 a--都会立即使原变量自减1

--a的值是变量的新值（自减后的值）
a--的值是变量的原值（自减前的值）