js短路表達式

今天碰見個題目，感覺短路表達式很好用。

題目：

定義一個計算圓面積的函數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&&(b=1);

　a等於true則執行b=1,a=false則不執行b=1.用if寫：if(a=true){b=1}