运算符

@Operator
.更多运算符，请访问 Operators
算术运算符 Arithmetic
.运算符两侧使用空格分隔
.赋值：自右向左；把 = 右边的值赋给左边的变量
.算术：自左向右；从左向右开始计算
+
.数字的加法
.字符串的连接
console.log(12 + 30);//32
console.log(12 + 'HK');//12HK
console.log("CN" + 'HK');//CNHK
-
.数字的减法
console.log(12 - 30);//-18
*
.数字的乘法
console.log(12 * 30);//360
/
.数字的除法
console.log(12 / 30);//0.4
console.log(0 / 0);//NaN
console.log(12 / 0);//Infinity
console.log(-12 / 0);//-Infinity
%
.数字取余/模
.运算符后面的数字是模
console.log(12 % 30);//12
console.log(-12 % 30);//-12
++
--
关系运算符 Relational
.数字可以比较
.字符串也可以比较：依次比较对应的ASCII
.不同的数据类型之间也可以比较
<
≤
>
≥
instanceof
.检查某个变量是否是 对象 的一个实例
.所有引用类型的值都是 Object 的实例
.不仅可以知道某个变量是不是对象，还可以知道它是什么类型的对象：Object、Array、RegExp
.如果检测基本类型的变量，返回 false；因为基本类型不是对象
console.log(12 instanceof Number);//false
console.log('hi' instanceof String);//false
console.log(true instanceof Boolean);//false
// console.log(null instanceof Null);//warning
// console.log(undefined instanceof Undefined);//warning
console.log(fn instanceof Function);//true
console.log({ name: 'hkc' } instanceof Object);//true
console.log([1, 2] instanceof Array);//true
in
等于运算符 Equality
==
!=
NaN == NaN//false
null == null//true
===
!==
赋值运算符 Assignment
=
+=
-=
*=
/=
%=
逻辑运算符 Logical
&&
.逻辑与 AND：求值；用做判断时，根据值决定是真还是假
.两个值的情况：先将运算符左边的表达式转化为 Boolean，如果为真，就返回右边的值；如果为假就返回左边的值，又称短路，碰到假就停止
.多个值的情况：如果左边为真，就继续往后看；如果还为真，就再继续；如果为假，就停止
.undefined、null、NaN、""、''、0、false 转化为 Boolean 后，都为 false
.运算符两侧的表达式可以是任何类型，如：根据某个条件，指向相应的动作
res = 1 && 2;//2
res = 0 && 2;//0      
res = 1 && 2 && 0 && 12 && 3;//0
res = 0 && 2 && 12 && 23;//0
.限制或指定某个操作
1 && console.log('hi');//执行打印输出
0 && fn();//不执行函数
||
.逻辑或 OR：求值；判断时，根据值决定是真还是假
.执行过程和逻辑与相反。碰到真就返回；因为任何类型和真或都为真，也称断路
res = 1 || 2;//1
res = 0 || 2;//2
res = 1 || 2 || 0 || 12 || 3;//1
res = 0 || 2 || 12 || 23;//2
.事件对象的兼容处理。如果有e直接使用；否则使用后面的window.e[IE浏览器的事件对象。随着IE的停服，已经不需要做兼容处理了]
div.addEventListener('click', (e) => {
  let ev = e || window.e;
})
!
.取反
.结果是 Boolean
!123//false
!!123//true
!!NaN//false
其它 Other
typeof
.检测一个变量是基本数据类型还是引用数据类型
.是一个运算符 operator，不是函数
.数组 Array、对象 Object 和 null 都是object类型；Object 泛指所有的引用数据类型；如果想知道确切的数据类型，请使用运算符 instanceof
let fn = num => num * 2;
console.log(typeof 12);//number
console.log(typeof 'hi');//string
console.log(typeof true);//boolean
console.log(typeof null);//object；空对象指针
console.log(typeof undefined);//undefined
console.log(typeof fn);//function
console.log(typeof { name: 'hkc' });//object
console.log(typeof [1, 2]);//object
条件运算符 ?:
.Conditional (ternary) operator
.逻辑同if-else；如果真，执行?前面的逻辑；否则执行后面的逻辑
.更简洁、高效
12 > 18 ? 'yes' : 'no'//no
12 < 18 ? 'yes' : 'no'//yes
扩展运算符 ...
.Spread syntax
.扩展元素，如数组赋值
let arr = [1, 2, 3, 4, 5]
let arr2 = [...arr]