JS短路原理的應用示例精簡代碼的途徑_javascript技巧

||先計算第一個運算數，如果可以被轉換成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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com