【Day16】逻辑运算子及函式预设值

逻辑运算子

• &&(and)

  使用方式： expr1 && expr2

  说明：主要用来验证两个值是否皆为真值(Truthy)，当 expr1 为假值(Falsy)时，则回传 expr1，否则就回传 expr2

  范例：

  console.log(0 && 1);  // 0
  console.log(1 && 0);  // 0
  console.log(1 && 'weiwei');  // 'weiwei'
  

• ||(or)

  使用方式： expr1 || expr2

  说明：验证两个值的其中一个是否为真值(Truthy)，当 expr1 为真值(Truthy)时，则回传 expr1，否则就回传 expr2

  范例：

  console.log(0 || 1);  // 1
  console.log(1 || 0);  // 1
  console.log(1 || 'weiwei');  // 1
  

• !(not)

  使用方式： !expr

  说明：当 expr 为真值(Truthy)时回传 false，如果是假值(Falsy)时则回传 true

  范例：

  console.log(!0);  // true
  console.log(!1);  // false
  console.log(![]);  // false
  console.log(!'weiwei');  // false
  

相关文件可到 MDN 参考文件查看

函式预设值

以前的方法：

let originCash = 1000;

function updateCash(cash){
    // 使用逻辑运算子
    cash = cash || 100;
    let money = cash + originCash;
    console.log(`我有 ${money} 元`);
}

updateCash(0);  // 1100

上方函式如果代入 0 的话，所产生的数字为 1100 这是错的

要解决这问题可以使用三元运算子来判断，如下所示：

let originCash = 1000;

function updateCash(cash){
    // 使用三元运算子
    cash = (cash || cash !== false) ? cash : 100;
    let money = cash + originCash;
    console.log(`我有 ${money} 元`);
}

updateCash(0);  // 1000

ES6 的方法：

let originCash = 1000;

// 直接将预设值设在 () 中
function updateCash(cash = 100){
    money = cash + originCash;
    console.log(`我有 ${money} 元`);
}

updateCash(0);  // 1000

函式预设值参考资料可到 MDN 参考文件查看

以上就是今天的内容，我们明天见！！