正如標題所言,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