DIV CSS 佈局教程網

 本文著重給大家介紹了javascript的操作符，包含一元操作符、位操作符、布爾操作符這3種類型，講解的十分全面，小伙伴們參考下

   

一、一元操作符

1、自增自減操作符：分為前置型和後置型；

前置型：++a;--a;

後置型：a++;a--;

例：

 

代碼如下:
<script type="text/javascript">
var a, b,i= 1,j=1;
a=i++;
b=++j;
alert("a="+a+",i="+i+",b="+b+",j="+j);//a=1,i=2,b=2,j=2
</script>

 

其中a=i++，相當於a=i;i=i+1;
而b=++j，相當於j=j+1;b=j;

2、一元加減操作符：a=+i;a=-i;

 

代碼如下:
<script type="text/javascript">
var a, b,i= 1,j=1;
a=+i;
b=-j;
alert("a="+a+",i="+i+",b="+b+",j="+j);//a=1,i=1,b=-1,j=1
</script>

 

對整數而言，一元減相當於取負數。

二、位操作符

1、按位非～ （NOT）

非，即按二進制形式將所有數字取反。

常見用法：位運算 NOT 實質上是對數字求負，然後減 1

2、按位或| （OR）

或，即按二進制形式將所有的數字與目標數字按位進行或操作。

常見用法：通常用於二進制數字的無條件賦值。例如：一個數字|1，相當於與獲取與當前數字最接近的奇數。

3、按位與& （AND）

與，即按二進制形式將所有的數字與目標數字按位進行與操作。

常見用法：通常用於二進制的取位操作，例如：一個數字&1，如果結果為0則為偶數，如果為1則為奇數。

4、按位異或^ （XOR）

異或，即按二進制形式將所有數字與目標數字對比，只有兩個數字不相同即只有一個數位存放的是1的時候返回1，如兩個數字相同返回0.

常見用法：xor運算的逆運算是它本身，也就是說兩次異或同一個數最後結果不變。可以用於簡單的加密，或交互數值操作。

5、左移<<

左移，即按二進制形式把所有的數字向左移動對應的位數，高位移出(捨棄)，低位的空位補零。左移不會影響符號位。

數學意義：在數字沒有溢出的前提下，對於正數和負數，左移一位都相當於乘以2的1次方，左移n位就相當於乘以2的n次方。

6、右移

6.1有符號的右移>>：即按二進制形式把所有的數值向右移動但是保留符號位。

數學意義：在數字沒有溢出的前提下，對於正數和負數，右移一位都相當於除以2的1次方，右移n位就相當於除以2的n次方。

6.2無符號的右移>>>:即按二進制形式把所有的數值,包括符號位都向右移動。

對於正數來說>>和>>>的結果是一樣的；

對負數來說，由於負數以其絕對值的補碼形式表示，因此會導致無符號右移結果非常大。

三、布爾操作符

1、邏輯非 ！
邏輯非用！表示，可以應用與ECMAScript的任何類型的值，邏輯非操作返回的是一個布爾值（true/false）。該操作符首先會將它的操作數轉換為一個布爾值，然後再對其求反.

！！相當於Boolean()函數。

Boolean()轉型函數的一組規則。

數據類型 轉換為true的值 轉換為false的值
Boolean true false
String　　 任何非空字符串 ""(空字符串)
Number　 任何非零數字值（包括無窮大） 0和NaN
Object 任何對象 null
Undefined 無 undefined

2、邏輯與&&

邏輯與有兩個操作數。

邏輯與操作可以應用於任何類型的操作數，而不僅僅是布爾值。在有一個操作數不是布爾值的情況下，邏輯與操作就不一定返回布爾值；此時，它遵循一下規則：
1. 如果第一個操作數是對象，則返回第二個操作數；
2. 如果第二個操作數是對象，則只有在第一個操作數的求值結果為true的情況下才會返回該對象；
3. 如果兩個操作符都是對象，則返回第二個操作數； 遵循第一規則。
4. 如果有一個操作數是null，則返回null；
5. 如果有一個操作數是NaN，則返回NaN；
6. 如果有一個操作數是undefined，則返回undefined。

邏輯與操作屬於短路操作，即如果第一操作數能夠決定結果，那麼就不會再對第二個操作數求值。（可以理解為內部的兩個return操作）。因此當4、5、6規則沖突時，遵循短路操作原則。

 

代碼如下:
var nul = null;
var na = NaN;
var test;
test = na&&nul;
document.write(test); //NaN

 

 

代碼如下:
var nul = null;
var na = NaN;
var test;
test = nul&&na;
document.write(test); //null

 

3、邏輯或||

邏輯或有兩個操作數。

邏輯或與邏輯與相似，操作可以應用於任何類型的操作數，而不僅僅是布爾值。在有一個操作數不是布爾值的情況下，邏輯或操作就不一定返回布爾值；此時，它遵循一下規則：
1. 如果第一個操作數是對象，則返回第一個操作數；
2. 如果第一個操作數的結果是false，則返回第二個操作數；
3. 如果兩個操作符都是對象，則返回第一個操作數，遵循第一條規則。
4. 如果兩個操作數都是null，則返回null；
5. 如果兩個操作數都是NaN，則返回NaN；
6. 如果兩個操作數都是undefined，則返回undefined。

邏輯或操作屬於短路操作，即如果第一操作數結果為true，那麼就不會再對第二個操作數求值。

我們可以利用邏輯或的這個特性來避免為變量賦null或undefined的值

例如：var myObject=firstObject||secondObject

如果firstObject不是null，則firstObject被賦值給myObject,否則將secondObject的值賦給myObject.

以上內容就是本文的全部了，希望對大家能有所幫助