js短路表達式
阿新 • • 發佈:2019-03-07
但是 表達式 兩個 大神 alt 默認 很好 今天 fine
今天碰見個題目,感覺短路表達式很好用。
題目:
定義一個計算圓面積的函數area_of_circle(),它有兩個參數: r: 表示圓的半徑; pi: 表示π的值,如果不傳,則默認3.14 function area_of_circle(r, pi) { }
我的寫法:
if(arguments.length>=2) { return pi*r*r; } else if(arguments.length==1) { return 3.14*r*r; } else return false;
別人寫法:
return r*r*( arguments.length >= 2 ? pi : 3.14 );
大神寫法:
return r * r * (pi || 3.14);
短路表達式知識補充:
1、邏輯與 && 的運算方式
var a = 1 && 2; console.log(a); //返回的結果為 2
如果邏輯與運算符左邊的值布爾轉換後為true,那麽返回右邊的值(不管右邊的值是真還是假)。
var a = false && 2; console.log(a); //返回的結果為 false
如果邏輯與運算符左邊的值布爾轉換後為false,那麽返回左邊的值,但是當邏輯與的左邊為 null/NaN/undefined ,結果就會得到null/NaN/undefined。
2、邏輯或 || 的運算方式
如果邏輯或運算符左邊的值布爾轉換後為false,那麽返回右邊的值(不管右邊的值是真還是假)。
如果邏輯或運算符左邊的值布爾轉換後為true,那麽返回左邊的值,如果兩個操作數都是是null(NaN/undefined),返回null(NaN/undefined)
var a = false || 2; console.log(a); //返回的結果為2 var a = true || 2; console.log(a); //返回的結果為 true
3.短路表達式實際應用補充(2018-8-14)
(1)正則表達式v => !v || /^([0-9]{7,18})|(0?(13|14|15|17|18|19)[0-9]{9})$/.test(v) || ‘格式錯誤‘,前邊為true則不再執行後邊的,前邊為false則繼續往後執行。 (2)if的簡化
vm.querySelObj[key] && (params[key] = vm.querySelObj[key]);a等於true則執行b=1,a=false則不執行b=1.用if寫:if(a=true){b=1}
相當於 a&&(b=1);
js短路表達式