JavaScript操作符

原文

　　简书原文：https://www.jianshu.com/p/2df281da167d

大纲

　　前言
　　1、一元操作符
　　2、位操作符
　　3、布尔操作符（逻辑操作符）
　　4、乘性操作符
　　5、加性操作符
　　6、关系操作符(比较运算符)
　　7、相等操作符(比较运算符)
　　8、条件操作符
　　9、赋值操作符
　　10、逗号操作符

前言

　　ECMAScript描述了一组用于操作数据值的操作符，包括算数操作符（如加号和减号）、位操作符、关系操作符和相等操作符。ECMAScript操作符的与众不同之处在于，它们能够适用于很多值，例如字符串、数字值、布尔值，甚至对象。不过，在应用于对象时，相应的操作符通常都会调用对象的valueOf()和（或）toString()方法，以便取得可以操作的值。

1、一元操作符

　　1.1、一元操作符：只能操作一个操作一个数的操作符叫做一元操作符。
　　1.2、一元操作符有递增、递减、一元加、一元减、delete、void、typeof、按位非（~）、按位与（！）。
　　1.3、递增有前置递增和后置递增，递减有前置递减也有后置递减
　　1.4、递增和递减操作符对任何类型的数据都是有效的，若遇到不是Number类型，会先将其转换其Number的类型，转换方法和转型函数Number()一致。
　　1.5、一元加和一元减主要用于基本的算数运算，其主要是转换数据的正负性，对任何类型的数据都有效，若不是Number类型，将按照Number()的转换方式将其先转换成Number类型。

2、位操作符

　　2.1、位操作符用于最基本的层次上，即按内存中表示数值的位来操作数值。
　　2.2、位操作符并不直接操作64位的值，而是先将64位的值转换成32位的整数，然后执行操作，最后再将结果转换回64位。对于开发人员来说，由于64位存储格式是透明的，因此整个过程就像是只存在32位的整数一样。
　　2.3、ECMAScript会尽力向我们隐藏所有这些信息，换句话说，在以二进制字符串输出一个负数时，我们看到的只是这个负数绝对值的二进制码前面加上了一个负号。
　　2.4、由于运算的过程中会将64位数值转换为32位数值，而这个转换过程的副效应是在对特殊的值：NaN和Infinity值的时候，会将其当做0来处理。
　　2.5、对于非Number的数值，会先使用Number()方法将其转换成Number类型再进行位运算。
　　2.6、位操作符主要有：

/*
  按位非(NOT)
  按位非操作的本质：操作数的负值减1,但是按位非是在数值表示的最底层执行操作，因此速度更快
*/
var num1 = 25;
var num2 = ~num1;
console.log(num2);//-26
var num3 = -num1 -1
console.log(num3);//-26
/*
  按位与（AND)
*/
var num1 = 25 & 3;
console.log(num1);//1
/*
  按位或（OR）
*/
var num1 = 25 | 3;
console.log(num1);//27
/*
  按位异或（XOR）
*/
var num1 = 25 ^ 3;
console.log(num1);//26
/*
  左移（<<）
  左移的本质是将要左移的数乘以2的左移次方的结果
*/
var num1 = 2;
var num2 = num1 << 5;
console.log(num2);//64
console.log(2*32);//64//2^5=32
var num1 = 7;
var num2 = num1 << 5;
console.log(num2);//224
console.log(7*32);//224
/*
  有符号的右移（>>）
*/
var num1 = 64;
var num2 = num1 >> 5;
console.log(num2);
console.log(64/32);//2^5=32
/*
  无符号右移（>>>）
*/
var num1 = 64;
var num2 = num1 >>> 5;
console.log(num2);
console.log(64/32);//2^5=32

3、布尔操作符（逻辑操作符）

　　布尔操作符一共有3个：非（NOT）、与（AND）、或（OR）

3.1、逻辑非（！）

  逻辑非操作符首先会将它的操作数转换为一个布尔值，然后再对其求反。
  逻辑非操作符可以用于将一个值转换为与其对应的布尔值，通过同时使用两个逻辑非操作符来
达到Boolean()的效果
  逻辑非操作符遵循下列规则：
        如果操作数是一个对象，返回false;
        如果操作数是一个空字符串，返回true;
        如果操作数是一个非空字符串，返回false;
        如果操作数是数值0，返回true;
        如果操作数是任意非0数值（包括Infinity）,返回false;
        如果操作数是null,返回true;
        如果操作数是NaN,返回true;
        如果操作数是undefined,返回true

3.2、逻辑与（&&）

逻辑与操作可以应用于任何类型的操作数，而不仅仅是布尔值。在有一个操作数不是布尔值的
情况下，逻辑与操作就不一定返回布尔值；此时，他遵循下列规则：
  逻辑与操作属于短路操作，即如果第一个操作数能够决定结果，那么就不会再对第二个操作
数求值。即如果第一个操作数是false，那么返回false，下列的操作也就没有了。
    如果第一个操作数是对象，则返回第二个操作数
    如果第二个操作数是对象，则只有在第一个操作数的求值结果为true的情况下才会返回
该对象
    如果两个操作数都是独享，则返回第二个操作数
    如果有一个操作数是null，则返回null
    如果有一个操作数是NaN，则返回NaN
    如果有一个操作数是undefined，则返回undefined

3.3、逻辑或（||）

  与逻辑与操作相似，如果有一个操作数不是布尔值，逻辑或也不一定返回布尔值；此时，它
遵循下列规则：
  逻辑非操作符是短路操作符，也就是说，如果第一个操作数的求值结果为true，就不会对第
二个操作数求值了，也就不会对下列操作进行判断了
    如果第一个操作数是对象，则返回第一个操作数
    如果第一个操作数的求值结果为false，则返回第二个操作数
    如果两个操作数都是对象，则返回第一个操作数
    如果两个操作数都是null，则返回null
    如果两个操作数都是NaN，则返回NaN
    如果两个操作数都是undefined，则返回undefined

4、乘性操作符

　　乘性操作有：乘法、除法、求模
　　在操作非数值的情况下，会先将非数值的数据通过Number()的方法将其转换成数值类型再进行计算

4.1、乘法

  如果乘积超过了ECMAScript数值的表示范围，则返回Infinity和-Infinity
  如果有一个操作数是NaN，则结果是NaN
  如果是Infinity与0相乘，则结果是NaN
  如果是Infinity与非0数值相乘，则结果是Infinity或-Infinity，取决于有符号操作数
的符号
  如果是Infinity与Infinity相乘，则结果是Infinity
  如果有一个操作数不是数值，则在后台调用Number()将其转换为数值，然后再应用上面的
规则.

4.2、除法

  如果商超过了ECMAScript数值的表示范围，则返回Infinity或-Infinity
  如果有一个操作数是NaN,则结果是NaN
  如果是Infinity被Infinity除，则结果是NaN
  如果是零被零除，则结果是NaN
  如果是非零的有限数被零除，则结果是Infinity或-Infinity，取决于有符号操作数的符号
  如果是Infinity被任何非零数值除，则结果是Infinity或-Infinity，取决于有符号操作数
的符号

4.3、求模

  如果被除数是无穷大值而除数是有限大的数值，则结果是NaN
  如果被除数是有限大的数值而除数是零，则结果是NaN
  如果是Infinity被Infinity除，则结果是NaN
  如果被除数是有限大的数值而除数是无穷大的数值，则结果是被除数
  如果被除数是零，则结果是零

5、加性操作符

　　加性操作有：加法、减法

5.1、加法

  如果两个操作数都是数值，则执行常规的加法计算，有如下特殊规则
  如果有一个操作数是NaN，则结果是NaN
  如果是Infinity加Infinity，则结果是Infinity
  如果是-Infinity加-Infinity，则结果是-Infinity
  如果是Infinity加-Infinity，则结果是NaN
  如果是+0加+0，则结果是+0
  如果是-0加-0，则结果是-0
  如果是+0加-0，则结果是+0

如果有一个操作数是字符串，那么就有如下规则
  如果操作数都是字符串，则将两个字符串拼接起来
  如果有一个操作数是字符串，另一个不是字符串，则会通过toString()方法获取相应的字符
串，然后再将其拼接起来

5.2、减法

  同样的，减法对于数据的操作也有其特殊性
  如果有一个操作数是NaN，则结果是NaN
  如果是Infinity减Infinity，则结果是NaN
  如果是-Infinity减-Infinity，则结果是NaN
  如果是Infinity减-Infinity，则结果是Infinity
  如果是-Infinity减Infinity，则结果是-Infinity
  如果是+0减+0，则结果是+0
  如果是+0减-0，则结果是-0
  如果是-0减-0，则结果是+0

6、关系操作符(比较运算符)

　　关系操作符：< 、> 、 <= 、>=

6.1、不同类型数据之间的比较

  如果两个操作数都是数值，则执行数值比较
  如果两个操作数都是字符串，则比较两个字符串对应的字符编码值（从头一一对比，有结果
就停止）
  如果一个操作数是数值，则将另一个操作数转换成一个数值，然后进行比较
  如果一个操作数是对象，则调用对象的valueOf()方法，用得到的结果执行比较，如果没有
valueOf()则调用toString()方法，用得到的结果执行操作
  如果一个操作数是布尔值，则将其转换为数值，然后再比较
  任何操作数与NaN进行比较，结果都是false

7、相等操作符(比较运算符)

　　相等操作符有相等、不相等（——先转换再比较）和全等、不全等（——仅比较不转换）。

7.1、如果是不同数据类型，比较之前需要进行转型操作

  如果有一个操作数是布尔值，则在比较的时候先将其转换为数值，false为0，true为1
  如果一个操作数是字符串，则另一个操作数是数值，则比较之前先将字符串转换为数值
  如果一个操作数是对象，另一个不是，则调用对象的valueOf()方法，得到基本数据类型再按
前面的规则比较

7.2、特殊值的特殊比较

  null和undefined是相等的
  要比较相等性之前，不能将null和undefined转换成其他任何职
  如果有一个操作数是NaN，则相等操作符返回false，即使两个操作数都是NaN，也返回false
  如果两个操作数都是对象，则比较他们是不是同一个对
象，如果两个操作数都指向同一个对象，则相等
    
    null == undefined  true
    "NaN" == NaN       false
    5 == NaN           false
    NaN == NaN         false
    NaN != NaN         true
    false == 0         true
    true == 1          true
    true == 2          false
    undefined ==0      false
    null == 0          false
    "5" == 5           true

7.3、全等和不全等

　　除了在比较之前不转换数据类型之外，全等和不全等操作符与相等和不相等操作符没有什么区别。
　　由于相等和不相等操作符存在类型转换问题，而为了保持代码中数据类型的完整性，我们推荐使用全等和不全等操作符。

8、条件操作符

　　条件操作符算是ECMAScript最灵活的一种操作符

var variable = boolean_expression ? true_value : false_value;

　　求最大值

var max = (num1 > num2) ? num1 : num2;

9、赋值操作符

　　简单的赋值操作符由等于号（=）表示，其作用就是把右侧的值赋给左侧的变量。

var num = 10;

10、逗号操作符

　　使用逗号操作符可以在一条语句中执行多个操作，如下面的例子所示：

var num1=1,num2=2,num3=3

　　逗号操作符多用于声明多个变量；但除此之外，逗号操作符还可以用于赋值。在用于赋值时，逗号操作符总会返回表达式中的最后一项，如下面的例子所示：

var num = (5,1,5,8,0);//num的值为0