萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JS短路原理的應用示例

JS短路原理的應用示例

 正如標題所言,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  
copyright © 萬盛學電腦網 all rights reserved