在javascript中使用&&、||、!來實現邏輯運算,其基本用法相信大家已經熟知,本文將深入介紹其工作機制,相信對大家更加靈活的使用javascript會用幫助。
每個邏輯表達式都是有返回值的,但這個值并不一定是布爾變量,下面分別介紹:
(1)與操作符(&&)
與操作符的執行過程如下:JavaScript依次獲取每一個操作數,將它們轉換為布爾變量,如果是false,則直接返回這個操作數的值(注意,返回的是轉換前的原值,不一定是布爾類型),中斷后面操作數的處理;否則繼續處理下一個操作數。如果直到最后一個操作數仍然對應布爾變量true,則返回最后這個操作數的值,下面的代碼演示了其執行原理:
var a="1" && true && 0 && false && "abc";
alert(a); //可見a的值是0
var b="abc" && true && "123";
alert(b); //可見b的值是"123";
alert(a); //可見a的值是0
var b="abc" && true && "123";
alert(b); //可見b的值是"123";
(2)或操作符(||)
和與操作符類似,或操作符的執行過程如下:JavaScript依次獲取每一個操作數,將它們轉換為布爾變量,如果是true,則直接返回這個操作數的值,中斷后面操作數的處理;否則繼續下一個操作數。如果知道最后一個操作數仍然對應布爾變量false,則返回這個操作數的值。下面的代碼演示了其執行原理:
var a="abc" || "123";
alert(a); //可見a的值是"abc"
var b=false || "" || 0;
alert(b); //可見a的值是0
alert(a); //可見a的值是"abc"
var b=false || "" || 0;
alert(b); //可見a的值是0
或操作符的這一性質在開發中經常會用到。
(3)非操作符(!)
和前兩種操作符不同,非操作符始終返回布爾類型的變量,例如:
var a=! "abc";
alert(a); //顯示a的值為false
alert(a); //顯示a的值為false