JS短路原理的應用示例 精簡代碼的途徑
在js邏輯運算中,0、""、null、false、undefined、NaN都會判為false,其他都為true.
||先計算第一個運算數(shù),如果可以被轉(zhuǎn)換成true,則返回左邊這個表達式的值,否則計算第二個運算數(shù)。即使||運算符的運算數(shù)不是布爾值,任然可以將它看作布爾OR運算,因為無論它返回的值是什么類型,都可以被轉(zhuǎn)換為布爾值。
利用它對非布爾型的值會將其返回的特性:對非布爾型的運算數(shù)使用||,用于選取一組備選值中的第一個定義了的并且非空的值(第一個為非false的值)
例:
var max = max_width || obj.max_width || 500 ;
var attr = attr || "";這個運算經(jīng)常用來判斷一個變量是否已定義,如果沒有定義就給他一個初始值,在給函數(shù)的參數(shù)定義一個默認值的時比較有用。
&&,它先計算第一個表達式,若為假,就不會去處理第二個表達;否則繼續(xù)處理后繼表達式。從左到右選取表達式的第一個為非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的區(qū)別,這是一種更嚴謹?shù)膶懛?!!的作用是把一個其他類型的變量轉(zhuǎn)成的bool類型。例如, if(!!attr) => if(attr)
js中||和&&的特性幫我們精簡了代碼的同時,也帶來了代碼可讀性的降低。這就需要我們自己來權衡了。
JS中的startWith功能的巧妙實現(xiàn),alert(!'asdf'.indexOf('s')) =》 !0 = true
相關文章
javascript+html5實現(xiàn)仿flash滾動播放圖片的方法
這篇文章主要介紹了javascript+html5實現(xiàn)仿flash滾動播放圖片的方法,可實現(xiàn)類似Flash滾動播放的效果,非常具有實用價值,需要的朋友可以參考下2015-04-04

