JS基础之基本概念中（一元操作符，布尔操作符，乘性操作符，加性操作符）

Myth丶恋晨 2021-07-26 02:13 409阅读 0赞

# 1.操作符 #

## 1.一元操作符 ##

### 1.递增和递减操作符（可进行隐式转换） ###

1.前置型：++a 和 --a
                特点：先运算再使用
    2.后置型：a++ 和 a--
                特点：先使用再计算

### 2.一元加和减操作符 ###

特点：
            1.不会对数值产生任何变化，会进行隐式转换
            2.前面是正号会转化成正数或其他特殊类型，是负号则相反，转化成负数

### 3.位操作符 ###

特点：
            1.按内存中表示数值的位来操作数值
            2.ES中所有数值以IEEE -754 64位格式储存，但位操作符会先将64位值转换成32位整数
            然后操作，最后再将结果转换成64位
            3.32位中前31位表示整数的值，第三十二位表示数值的符号：0代表整数，1表示负数，
             这个位叫做符号位
            4.31位中每一位都表示2的幂，第一位2的0次幂，第二位2的1次幂，以此类推，没用到的
            位以0填充
            5.负同样以二进制码储存，但格式是二进制补码，步骤是先求这个数值的绝对值的二进制码
            再求二进制反码，将0和1互相替换，最后将二进制反码加一
    
           举例：
               18  =>   10010（省略前面的0）    =>    2^4*1+2^3*0+2^2*0+2^1*1+2^0
               -18  =>  0000 0000 0000 0000 0000 0000 0001 0010 (这是18的二进制码) =>
                      1111 1111 1111 1111 1111 1111 1110 1101(将0和1互换)，最后二进制码加一
                      => 1111 1111 1111 1111 1111 1111 1110 1110  (即 -10010)

##### 1.按位非 #####

操作符： ~
           本质：操作数的负值减一
    
           var num1 = 25 ;
           var num2 = ~num1 ;
           alert( num2 )                //  25

##### 2.按位与 #####

操作符： &
          本质：将两个数值的每一位对齐，只有对应位都是1才返回1，任何一位是0就都返回0
    
          举例：
               25 = 0000 0000 0000 0000 0000 0000 0001 1001
                3 = 0000 0000 0000 0000 0000 0000 0000 0011
              AND = 0000 0000 0000 0000 0000 0000 0000 0001   = 1
              所以结果是1

##### 3.按位或 #####

操作符 ： |
        本质：将两个数值的每一位对齐，只有对应位只要有一个1就返回1，都是0就才返回0
           
           举例：
                   25 = 0000 0000 0000 0000 0000 0000 0001 1001
                    3 = 0000 0000 0000 0000 0000 0000 0000 0011
                   OR = 0000 0000 0000 0000 0000 0000 0001 1011  = 27

##### 4逻辑异或 #####

操作符： ^
          两个数值位上只有一个1才返回1，如果都是1或者都是0，则返回0
    
           举例：
                   25 = 0000 0000 0000 0000 0000 0000 0001 1001
                    3 = 0000 0000 0000 0000 0000 0000 0000 0011
                  XOR = 0000 0000 0000 0000 0000 0000 0001 1010  = 26

##### 5.左移 #####

操作符：<<
          会将所有位向左移动指定的位数
                     
                  var oldValue = 2 ;                   //  等于二进制的10
                  var newValue = oldValue << 5 ;       //  等于二进制的1000000，十进制的64
    
          注意： 左移不会影响操作数的符号位。如果-2向左移动5位，结果会是-64，而非64.

##### 6.有符号的右移 #####

操作符：>>
          会将数值向右移动，但保留符号位（即正负号标记）。有符号的右移与左移操作恰好相反
    
                var oldValue = 64;                   //  等于二进制的1000000
                var newValue = oldValue << 5 ;       //  等于二进制的10，十进制的2

##### 6.无符号的右移 #####

操作符：>>>
          如果是正数的话，会将数值向右移动，但保留符号位（即正负号标记）。有符号的右移与左移操作恰好相反
    
                var oldValue = 64;                   //  等于二进制的1000000
                var newValue = oldValue << 5 ;       //  等于二进制的10，十进制的2
    
           如果是负数的话情况就不一样了，无符号右移是以0来填充空位的，而不是像有符号右移那样以
         符号位的值来填充空位。所以对负数的结果就不一样。无符号右移操作符会把负数的二进制码当成
         正数的二进制码。而且由于负数以其绝对值的二进制补码的形式表示，因此就会导致无复还右移
         后的结果非常之大
    
                var oldValue = -64;                   //  等于二进制的1111 1111 1111 1111 1111 1111 1100 0000
                var newValue = oldValue << 5 ;        //  等于十进制的134217726

## 2.布尔操作符 ##

#### 1.逻辑非 ####

操作符：！
         先将操作符转换成布尔值，然后求反，遵循以下规则：
         
             1.操作数是一个对象，返回false
             2.操作数是空字符串，返回true
             3.操作数是一个非空字符串，返回false
             4.操作数是数值0，返回true
             5.操作数是一个任意非0数值（包括Infinity），返回false
             6.操作数是null，返回true
             7.操作数是NaN,返回true
             8.操作数是undefined，返回true
    
          小技巧：使用两个逻辑非可快速将操作数转化成布尔值
               console.log( !!"blue" );        //true

#### 2.逻辑与 ####

操作符：&&
         遵循以下规则（短路逻辑）：
             1.会进行隐式转换，转换成布尔值
             2.当一个操作数转化成布尔值是true时，返回第二个参数
             3.当一个操作数转化成布尔值是false时，永远不会返回第二个参数
             4.如果第一个参数是null，undefined，NaN时，返回null，undefined，NaN

#### 3.逻辑或 ####

操作符：||
         遵循以下规则（短路逻辑）：
             1.会进行隐式转换，转换成布尔值
             2.当一个操作数转化成布尔值是true时，返回第一个参数
             3.当一个操作数转化成布尔值是false时，返回第二个参数
             4.如果两个参数都是null，undefined，NaN时，返回null，undefined，NaN

## 3.乘性操作符 ##

如果参与乘性计算的某个操作数不是数值，后台会先使用Number（）转型函数先将其转化成数值

#### 1.乘法 ####

符号：*

#### 2.除法 ####

符号：/

#### 3.求模（除法计算的余数） ####

符号：%

## 4.加性操作符 ##

#### 1.加号 ####

操作符：+
        遵循以下规则：
        
        1.如果两个操作数都是数字，则按照常规加法计算（其中如果有NaN,结果时NaN）
        2.如果有一个操作数时字符串的话
              1.两个操作数都是字符串，会将第二个操作数与第一个操作数拼接起来
              2.如果只有一个操作数时字符串的话，会将另外一个调用toString（）化成字符串，
                再拼接
    
             var result1 = 5 + 5 ;
             alert( result1 );            //10
             
             var result2 = '5' + 5 ;
             alert( result1 );            //55
    
             var num1 = 3 ;
             var num2 = 5 ;
             var message = " 3 + 5 !=" + num1 + num2 ;
             alert( message );                 //   " 3 + 5 != 35 "

#### 2.减号 ####

操作符：-
        遵循以下规则：
              1.两个都是数值，会进行正常的计算
              2.其中一个是字符串，会调用Number（）转换成数值，然后计算
              3.其中一个是对象，会先调用valueOf（）获取值，如果是NaN,则结果是NaN,否则会调用
                toString()方法 转换成字符串，然后转化成数值进行计算