「这是我参与11月更文挑战的第4天，活动详情查看：[2021最后一次更文挑战]
继上篇我们初始JavaScript上一篇 带你走进从零认识JavaScript到精髓（二）JavaScript 数据类型转换
这篇我们稍微深入了解下JavaScript的 表达式运算符
JavaScript表达式运算符
一、 运算符
1. 算数运算符
| 运算符 | 描述 |
|---|---|
| + | 加法运算 |
| - | 减法运算 |
| * | 乘法运算 |
| / | 除法运算 |
| % | 取余运算 |
| i++ ++i | 自增加运算 |
| --i i-- | 自减运算 |
1.1 加法
运算符（+）是最常见的运算符，用来求两个数值的和。
1 + 1 // 2
JavaScript 允许非数值的相加。
true + true // 2
1 + true // 2
上面代码中，第一行是两个布尔值相加，第二行是数值与布尔值相加。这两种情况，布尔值都会自动转成数值，然后再相加。
比较特殊的是，如果是两个字符串相加，这时加法运算符会变成连接运算符，返回一个新的字符串，将两个原字符串连接在一起。
'a' + 'bc' // "abc"
如果一个运算子是字符串，另一个运算子是非字符串，这时非字符串会转成字符串，再连接在一起。
1 + 'a' // "1a"
false + 'a' // "falsea"
加法运算符是在运行时决定，到底是执行相加，还是执行连接。也就是说，运算子的不同，导致了不同的语法行为，这种现象称为“重载”（overload）。由于加法运算符存在重载，可能执行两种运算，使用的时候必须很小心。
'3' + 4 + 5 // "345"
3 + 4 + '5' // "75"
上面代码中，由于从左到右的运算次序，字符串的位置不同会导致不同的结果。
1.2减法、除法和乘法
除了加法运算符，其他算术运算符（比如减法、除法和乘法）都不会发生重载。它们的规则是：所有运算子一律转为数值，再进行相应的数学运算。
1 - '2' // -1
1 * '2' // 2
1 / '2' // 0.5
上面代码中，减法、除法和乘法运算符，都是将字符串自动转为数值，然后再运算
1.3 余数运算符
余数运算符（%）返回前一个运算子被后一个运算子除，所得的余数。
12 % 5 // 2
1.4重点讲解 自增自减运算
-
自增运算符++
代码案例：x++ 先运算x进行赋值等操作，然后进行自增运算
代码案例：++x 先运算x自增运算，然后进行赋值运算等操作
var i = 1;
i = i++; // 第一种情况
i = ++i; //第二种情况
alert(i);
-
自减运算符--
类似自增运算符的操作
自增和自减运算符，是一元运算符，只需要一个运算子。它们的作用是将运算子首先转为数值，然后加上1或者减去1。它们会修改原始变量。
var x = 1;
++x // 2
x // 2
--x // 1
x // 1
上面代码的变量x自增后，返回2，再进行自减，返回1。这两种情况都会使得，原始变量x的值发生改变。
运算之后，变量的值发生变化。自增和自减运算符是仅有的两个可以改变自身值的运算符，其他运算符都不会改变变量的值。
自增和自减运算符有一个需要注意的地方，就是放在变量之后，会先返回变量操作前的值，再进行自增/自减操作；放在变量之前，会先进行自增/自减操作，再返回变量操作后的值。
var x = 1;
var y = 1;
x++ // 1
++y // 2
上面代码中，x是先返回当前值，然后自增，所以得到1；y是先自增，然后返回新的值，所以得到2。
1.5 补充--数值运算符，负数值运算符[了解即可]
数值运算符（+）同样使用加号，但它是一元运算符（只需要一个操作数），而加法运算符是二元运算符（需要两个操作数）。
数值运算符的作用在于可以将任何值转为数值（与Number函数的作用相同）。
+true // 1
上面代码表示，非数值经过数值运算符以后，都变成了数值（最后一行NaN也是数值）。具体的类型转换规则，参见《数据类型转换》一章。
负数值运算符（-），也同样具有将一个值转为数值的功能，只不过得到的值正负相反。连用两个负数值运算符，等同于数值运算符。
var x = 1;
-x // -1
-(-x) // 1
上面代码最后一行的圆括号不可少，否则会变成自减运算符。
数值运算符号和负数值运算符，都会返回一个新的值，而不会改变原始变量的值。
二、 关系运算符
| 运算符 | 描述 |
|---|---|
| 大于 | |
| >= | 大于等于 |
| < | 小于 |
| <= | 小于等于 |
| != | 不等于 |
| == | 相等 |
| === | 全等（值相等的同时判断类型一致） |
2.1非相等运算符：字符串的比较
字符串按照字典顺序进行比较
'cat' > 'dog' // false
'cat' > 'catalog' // false
首先比较首字符的 Unicode 码点。如果相等，再比较第二个字符的 Unicode 码点，以此类推
'cat' > 'Cat' // true'
上面代码中，小写的c的 Unicode 码点（99）大于大写的C的 Unicode 码点（67），所以返回true
2.2非相等运算符：非字符串的比较
如果两个运算子都是原始类型的值，则是先转成数值再比较。
5 > '4' // true
// 等同于 5 > Number('4')
// 即 5 > 4
true > false // true
// 等同于 Number(true) > Number(false)
// 即 1 > 0
2 > true // true
// 等同于 2 > Number(true)
// 即 2 > 1
// 上面代码中，字符串和布尔值都会先转成数值，再进行比较
这里需要注意与NaN的比较。任何值（包括NaN本身）与NaN比较，返回的都是false。
1 > NaN // false
1 <= NaN // false
'1' > NaN // false
'1' <= NaN // false
NaN > NaN // false
NaN <= NaN // false
2.3相等运算符
原始类型的值会转换成数值再进行比较
1 == true // true
// 等同于 1 === Number(true)
0 == false // true
// 等同于 0 === Number(false)
2 == true // false
// 等同于 2 === Number(true)
2 == false // false
// 等同于 2 === Number(false)
'true' == true // false
// 等同于 Number('true') === Number(true)
// 等同于 NaN === 1
'' == 0 // true
// 等同于 Number('') === 0
// 等同于 0 === 0
'' == false // true
// 等同于 Number('') === Number(false)
// 等同于 0 === 0
'1' == true // true
// 等同于 Number('1') === Number(true)
// 等同于 1 === 1
undefined和null与其他类型的值比较时，结果都为false，它们互相比较时结果为true。
false == null // false
false == undefined // false
0 == null // false
0 == undefined // false
undefined == null // true
2.4不相等运算符
相等运算符有一个对应的“不相等运算符”（!=），它的算法就是先求相等运算符的结果，然后返回相反值。
1 != '1' // false
2.5严格相等运算符
如果两个值的类型不同，直接返回false。
1 === "1" // false
true === "true" // false
同一类型的原始类型的值（数值、字符串、布尔值）比较时，值相同就返回true，值不同就返回false。
1 === 1 // true
需要注意的是，NaN与任何值都不相等（包括自身）。另外，正0等于负0。
NaN === NaN // false
+0 === -0 // true
undefined和null与自身严格相等。
undefined === undefined // true
null === null // true
2.6 严格不相等运算符
严格相等运算符有一个对应的“严格不相等运算符”（!==），它的算法就是先求严格相等运算符的结果，然后返回相反值。
1 !== '1' // true
总结
以上就是今天带你走进从零认识JavaScript到精髓（三）JavaScript 表达式运算符
会持续更新中......
原创不易，期待您的点赞关注与转发评论😜😜😜
