js 代碼簡寫

為了能夠寫出更優化並且也能看懂別人寫的代碼，這此文章整理今後看到的簡寫代碼!!

1 短路评价
在 javascript 裡只要是 0、""、null、false、undefined、NaN 都會被判定為 false

用 || 來簡化程式碼

var student=name||'小明';
/*等同於*/
if(name){
       student=name
}else{
     student='小明';
}
/*---------------------------------------------*/

if (!obj) {
call_function();   
}

if (obj2) {
call_function();   
}
/*等同於: || 只要第一個是 false 就會繼續做下一個 */
(obj || call_function());
(!obj2 || call_function());

用 && 來簡化程式碼

var a = 1;
if (a == 1) {
alert("a=1");
}
/*等同於: a == 1 為 false，那下面 alert 就不會做了*/
a == 1 && alert("a=1")

||跟&&複雜的寫法

var a = 3, b;


if (a == 3) {b = 1;}
 else if (a == 5) {b = 2;}
 else {b = 3 ;}
 /*等同於*/

b = a == 3 && 1 || a == 5 && 2 || 3

var add_level = {
  '5': 1,
  '10': 2,
  '12': 3,
  '15': 4
}[add_step] || 0;
/*等同於*/
var add_level = (add_step > 12 && 4) || (add_step>10 && 3) || (add_step>5 && 2) || (add_step>0 && 1) || 0;

---

if的簡寫

  if(a === b) { 
    return "a and b are equal"; 
  } 
  else if(a > b) { 
    return "a is greater"; 
  } 
  else { 
    return "b is greater "; 
  } 
  /*等同於*/
var display = (a === b) ? "a and b are equal" : (a > b) ? "a is greater" : "b is greater";