算数运算符

令y = 5

“+”作为二元运算符

规则

1. Infinity + Infinity = Infinity
2. (-Infinity) + (-Infinity) = -Infinity
3. Infinity + (-Infinity) = NaN
4. Infinity + null = Infinity
5. 0 + 0 = 0
6. -0 + -0 = -0
7. +0 + -0 = +0
8. 如果是两个字符串，则将字符串进行拼接
9. 如果有一个是字符串一个不是字符串，则将非字符串转换成字符串再拼接
10. 如果操作数都不是字符串类型，则将操作数转换为数值类型再相加}

“+”作为一元运算符

作用

于Number()相同，将其他类型的对象转换为数字类型

    let two = "2";
    let three = "3";
    console.log(+two + +three); // 5
    先将字符串转换为数字再相加，因为一元运算符的优先级比二元运算符的优先级更高

“-“运算符

规则

1. Infinity – Infinity = NaN
2. (-Infinity) – (-Infinity) = -NaN
3. Infinity – (-Infinity) = Infinity
4. Infinity – null = Infinity
5. 0 – 0 = 0
6. -0 – -0 = -0
7. +0 – -0 = +0
8. 与NaN相关的减法运算结果都为NaN
9. 如果有一个操作数是对象，则先对对象进行隐式转换，再根据前面的规则进行减法运算
10. 如果果有一个操作数是非数字类型则先在后台调用 Number()函数将其转换为数值，再根据前面的规则进行减法运算。

对隐式转换不了解的话可以看看这篇文章一次弄懂Javascript隐式转换

“*”运算符

规则

1. Infinity * 0 = NaN
2. Infinity * null = NaN
3. Infinity * undefined = NaN
4. Infinity * Infinity = Infinity
5. 如果操作数的值超过数值的表示范围，结果为Infinity 或 – Infinity
6. 如果操作数中有一个操作数为NaN，结果为NaN
7. 如果操作数中有一个操作数为undefined，结果为NaN
8. 如果有一个操作数是对象，则先对对象进行隐式转换，再根据前面的规则进行乘法运算
9. 如果有一个操作符不是数值类型，则先调用Number()进行转换，再根据前面的规则进行乘法运算

“/”运算符

规则

1. Infinity / 0 = Infinity
2. Infinity / null = Infinity
3. Infinity / undefined = NaN
4. Infinity / Infinity = NaN
5. 如果操作数的值超过数值的表示范围，结果为Infinity 或 – Infinity
6. 如果操作数中有一个操作数为NaN，结果为NaN
7. 如果操作数中有一个操作数为undefined，结果为NaN
8. 如果有一个操作数是对象，则先对对象进行隐式转换，再根据前面的规则进行除法运算
9. 如果有一个操作符不是数值类型，则先调用Number()进行转换，再根据前面的规则进行除法运算

“%”运算符

规则

1. 操作数都是数值，执行常规的除法计算，返回除的余数
2. 任何数 % undefined = NaN
3. 任何数 % NaN = NaN
4. Infinity % 任何数 = NaN
5. 有限大的数 % 0 = NaN
6. 有限大的数 % Infinity = 有限大的数
7. 0 % 除null、undefined、NaN任何数 = 0
8. 如果有一个操作数是对象，则先对对象进行隐式转换，再根据前面的规则进行取余运算
9. 有一个操作数不是数值，则调用Number()转换

“++”运算符

规则

1. 应用于非数字类型的时候，先将其转换为数字，再执行++的操作
2. 应用于浮点数，执行加1的操作
3. 应用于对象，先对对象进行隐式转换，再根据前面的规则进行++运算

“–“运算符

规则

1. 应用于非数字类型的时候，先将其转换为数字，再执行–的操作。
2. 应用于浮点数，执行减1的操作
3. 应用于对象，先对对象进行隐式转换，再根据前面的规则进行–运算

“**”运算符

作用

进行幂运算

语法

操作数 ** 幂

    console.log(2 ** 3);     // 8
    console.log(8 ** (1/3)); // 2

赋值运算符

=、+=、-=、*=、/=、%=

令x = 10 y = 5

比较运算符

==、===、!=、!==

令x = 5

规则

1. 如果操作数是布尔类型，比较之前先将其转换成数值，false为0，true为1
2. 如果操作数是字符类型，另一个是对象，对象先进行隐式转换，再进行比较
3. 如果操作数是字符类型，另一个操作数是数值，则将字符串转换为数值在比较
4. null == undefined 为true
5. null与undefined以外的任何数都不想等。
6. NaN与任何数都不相等
7. 如果两个操作数都是对象，比较是不是同一个对象，如果是则返回true否则false

关系运算符

>、<、>=、<=

规则

1. 两个操作数都是数值，则执行数值比较
2. 两个操作数都是字符串， 则比较两个字符串对应的ascii码
3. 如果一个操作数是对象，将对象隐式转换后再比较。
4. 如果一个操作数非数值类型，则将其转换为数字类型再比较

逻辑运算符

令x = 6 y = 3

“&&”运算符

规则

1. 如果第一个操作数是对象，则返回第二个操作数
2. 如果第二个操作数是对象，则只有在第一个操作数的值为true的情况下才会返回该对象
3. 如果两个操作数都是对象，则返回第二个操作数
4. 如果有一个操作数是null，则返回null
5. 如果有一个操作数是NaN, 则返回NaN
6. 如果有一个操作数是undefined，则返回undefined

“||”运算符

规则

1. 第一个操作数是对象，则返回第一个操作数
2. 第一个操作数的求值结果为false，则返回第二个操作数
3. 两个操作数都是对象，则返回第一个操作数
4. 两个操作数都是null，则返回null
5. 两个操作数都是NaN，则返回NaN
6. 两个操作数都是undefined，则返回undefined

“!”运算符

规则

1. 如果操作数是一个空字符串，返回true
2. 如果操作数是数值0，返回true
3. 如果操作数是null，返回true
4. 如果操作数是NaN，返回true
5. 如果操作数是undefined，返回true
6. 其他情况返回false

位运算符

“&”按位与运算符

作用

&对操作数的二进制数中对应的每一位都做与运算，如果对应位都为1则结果为1，如果对应位有一个是0，则结果为0

1 的二进制表示为: 00000000 00000000 00000000 00000001
3 的二进制表示为: 00000000 00000000 00000000 00000011 
console.log(1 & 3) // 1

“|”按位或运算符

作用

|对操作数的二进制数中对应的每一位都做或运算，如果对应位都为0则结果为0，如果对应位有一个是1，则结果为1

1 的二进制表示为: 00000000 00000000 00000000 00000001
3 的二进制表示为: 00000000 00000000 00000000 00000011
console.log(1 | 3) // 3

“~”按位非运算符

作用

~对操作数的二进制数对应的每一位都做非运算，如果对应位为0则结果为1，如果对应位为1则结果为0

1 的二进制表示为: 00000000 00000000 00000000 00000001 
3 的二进制表示为: 00000000 00000000 00000000 00000011 
----------------------------- 
1 反码二进制表示: 11111111 11111111 11111111 11111110 
由于第一位（符号位）是1，所以这个数是一个负数。JavaScript 内部采用补码形式表示负数，即需要将这个数减去1，再取一次反，然后加上负号，才能得到这个负数对应的10进制值。 
----------------------------- 
1 的反码减 1： 11111111 11111111 11111111 11111101 
    再取反： 00000000 00000000 00000000 00000010 
表示为10进制加负号：-2 
console.log(~ 1) // -2

“^”按位异或运算符

作用

^对操作数的二进制数中对应的每一位都做异或操作，当对应位的值不同时，结果为1，否则为0

1 的二进制表示为: 00000000 00000000 00000000 00000001
3 的二进制表示为: 00000000 00000000 00000000 00000011 /
console.log(1 ^ 3) // 2

“<<“左移运算符

作用

<<运算符使指定值的二进制数所有位都左移指定位数

移动规则

丢弃高位，低位补0即按二进制形式把所有的数字向左移动对应的位数，高位移出(舍弃)，低位的空位补零。

1 的二进制表示为: 00000000 00000000 00000000 00000001 
2 的二进制表示为: 00000000 00000000 00000000 00000010 
console.log(1 << 1) // 2

“>>”有符号右移运算符

作用

>>运算符使指定值的二进制数所有位都右移指定位数

移动规则

向右被移出的位被丢弃，拷贝最左侧的位以填充左侧。由于新的最左侧的位总是和以前相同，符号位没有被改变。

1 的二进制表示为: 00000000 00000000 00000000 00000001 
0 的二进制表示为: 00000000 00000000 00000000 00000000 
console.log(1 >> 1) // 0

“>>>”无符号右移运算符

作用

>>>运算符使指定值的二进制数所有位都右移指定位数

移动规则

向右被移出的位被丢弃，左侧用0填充。因为符号位变成了0，所以结果总是非负的。对于非负数，有符号右移和无符号右移总是返回相同的结果。

条件运算符

语法

判断条件 ? 条件为真时的操作 : 条件为假时的操作

let num = 2;
num > 1 ? console.log("对"):console.log("错"); // "对" 

类型运算符

typeof运算符

作用

返回变量的类型

    console.log(typeof null);     // object 
    console.log(typeof undefined);// undefined
    console.log(typeof []);       // object
    console.log(typeof {});       // object
    console.log(typeof true);     // boolean
    console.log(typeof "123");    // string
    console.log(typeof 123);      // number

typeof检测类型并不准确，准确的检测方法与各种检测方法的介绍和对比请查看深入理解JS数据类型检测

instanceof

语法

a instance of

作用

查看a是否是b的实例，是则返回true，不是则返回false

注意事项

原型链可以被修改，所以这种方法同样不准确，详情查看深入理解JS数据类型检测

其他运算符

“.”点运算符

作用

读取对象的属性值，点只能用在对象上面，若点前面不是对象，则先将其变为对象，调用完之后再改回原来的类型

void运算符

作用

求表达式的值，或执行语句，然后void的值总是为undefined。

在a标签中return false可以阻止默认动作，将其改为void(f())作用相同。

“,”逗号运算符

语法

表达式1,表达式2,…,表达式n

作用

忽略第一个操作数，返回第二个操作数

注意事项

逗号操作符的优先级比”=”低

delete运算

作用

delete运算符用来删除对象属性或者数组元素，如果删除成功或所删除的目标不存在，delete将返回true。

注意事项

不是所有的属性都可删除，一些内置核心和客户端属性是不能删除的，通过 var 语句声明的变量不能删除，通过 function 语句定义的函数也是不能删除的。

in运算符

语法

a in b

作用

判断操作数a是否作为属性名存在于对象b中，是则返回true，不是则则返回false

    let obj = {
        a: 1
    }
    console.log("a" in obj); // true