首頁  >  文章  >  web前端  >  JS短路原理的應用範例 精簡程式碼的途徑_javascript技巧

JS短路原理的應用範例 精簡程式碼的途徑_javascript技巧

WBOY
WBOY原創
2016-05-16 17:09:17965瀏覽

在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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn