\t\tJS短路原理的應用 精簡代碼的途徑

JS短路原理的應用 精簡代碼的途徑

在js邏輯運算中,0、""、null、false、undefined、NaN都會判爲false,其他都爲true.

||先計算第一個運算數,如果可以被轉換成true,則返回左邊這個表達式的值,否則計算第二個運算數。即使||運算符的運算數不是布爾值,任然可以將它看作布爾OR運算,因爲無論它返回的值是什麼類型,都可以被轉換爲布爾值。
利用它對非布爾型的會將其返回的特性:對非布爾型的運算數使用||,用於選取一組備選值中的第一個定義了的並且非空的值(第一個爲非false的值)

例:
var max = max_width || obj.max_width || 500 ;
var attr = attr || "";這個運算經常用來判斷一個變量是否已定義,如果沒有定義就給他一個初始值,在給函數的參數定義一個默認值的時比較有用。

&&,它先計算第一個表達式,若爲假,就不會去處理第二個表達;否則繼續處理後繼表達式。從左到右選取表達式的第一個非true表達式的值,如果一直未找到則返回最後一個表達式的值

例:(其中的味道還需要細心琢磨
2 && 's1' && '123' && 'sss' 表達式的值等於 'sss'
2 && 's1' && '' && 'sss' 表達式的值等於 ''
2 && 's1' && NaN && 'sss'表達式的值等於 NaN

if(a >=5){
alert("你好");
}
可以簡成
a >= 5 && alert("你好");

typeof 5和typeof !!5的區別,這是一種更嚴謹的寫法,!!的作用是把一個其他類型的變量轉成的bool類型。例如, if(!!attr) => if(attr)

js中||和&&的特性幫我們精簡了代碼的同時,也帶來了代碼可讀性的降低。這就需要我們自己來權衡了。

JS中的startWith功能的巧妙實現,alert(!'asdf'.indexOf('s')) =》 !0 = true

發佈了190 篇原創文章 · 獲贊 4 · 訪問量 11萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章