javascript &&和||運算子簡單介紹

antzone發表於2017-04-05

關於&&運算子和||運算子的基本用法可以分別參閱以下兩個文章。

(1). js的邏輯或||運算子用法簡單介紹一章節。

(2).js的邏輯與&&運算子用法簡單介紹一章節。

本章節再來介紹一下這兩個運算子一些特殊的使用方式。

可能在一些語言或者知識中,這兩個運算子的運算數是布林值,在javascript並不完全是這樣的。

並且這兩個運算子在程式碼中頻繁使用,能夠有效的減少程式碼量提高效率,在很多javascript庫中就有使用。

比如看下面的jquery庫中的程式碼截圖:

a:3:{s:3:\"pic\";s:43:\"portal/201704/05/002331v181jnazrrs4dirj.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

紅色圈中的程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
bup=b && b.parentNode

上面的程式碼表示的意思是,首先判斷b元素是否存在,如果不存在,那麼bup的值是undefined、null、false或者0,如果存在則繼續判斷b.parentNode是否存在,如果存在則返回b的父節點,不存在的話,返回的null。

再來看或運算子的使用截圖:

a:3:{s:3:\"pic\";s:43:\"portal/201704/05/002415eyc119gvjr1ov7rz.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

以ret=results||[]為例子,如果results有值,那麼ret=results。

如果results為null,undefined,NaN或者0,那麼result=[]

相關文章