在 JavaScript 中定义默认值

在 JavaScript 中，可以使用 || 运算符来定义默认值。也就是说，如果表达式的值为 0、''、null、false 或 undefined，则将使用定义的默认值。

让我们看看下面的代码示例：

function printFruit(fruit) {
  console.log(fruit);
}

printFruit('apple'); // 'apple'
printFruit('mango'); // 'mango' 
printFruit(); // undefined
printFruit(0); // 0
printFruit(''); // ''
printFruit(null); // null
printFruit(undefined); // undefined

在上面的示例中，我们有一个简单的函数，它将接收到的"fruit"记录到控制台。但是，如果它接收到一个 falsy 值，如 0、''、null、false 或 undefined，那么打印的就是这些值。

可以通过使用 || 运算符来防止这种情况：

function printFruit(fruit) {
  // fruit = fruit || 'pear'
  // console.log(fruit)

  console.log(fruit || 'pear');
}

printFruit('apple'); // 'apple'
printFruit('mango'); // 'mango'
printFruit(); // 'pear'
printFruit(0); // 'pear' 
printFruit(''); // 'pear'
printFruit(null); // 'pear'
printFruit(undefined); // 'pear'

在使用 || 运算符时要谨慎，因为如果某个时候需要像 0 或 '' 这样的值，而又定义了默认值，则会使用默认值。

定义默认值的另一种方法是通过函数参数，我写了一篇关于这个主题的文章，名为JavaScript 中的默认参数。