Javascript 中的默认值

在 Javascript 中，定义一个变量时可以给其赋予一个默认值。当这个变量没有被赋值时，它将使用该默认值。本文将介绍 Javascript 中默认值的设置方法和使用场景。

设置默认值的方法

在 ES6 之前，判断变量是否有值通常使用以下代码：

if (typeof variable === "undefined") {
  // do something
}

在 ES6 中，可以使用默认值来简化判断的代码，如下所示：

function foo(variable = defaultValue) {
  // do something
}

上面的代码中，如果 variable 没有被赋值，则将使用 defaultValue 作为默认值，否则将使用 variable 的原始值。

使用场景

设置默认值不仅可以简化代码，还有以下应用场景：

给函数参数设置默认值

在函数参数中设置默认值可以避免在调用函数时传递参数时的繁琐判断，如下所示：

function foo(num = 10) {
  return num;
}
foo(); // 10
foo(5); // 5

解构赋值时设置默认值

在解构赋值语法中，如果变量不存在，则将使用默认值，如下所示：

let [a = 1, b] = [null, 2];
console.log(a); // 1
console.log(b); // 2

为函数返回值设置默认值

当函数的返回值可能为空时，可以为其设置默认值以避免使用时的错误，如下所示：

function foo(num) {
  return num || 0;
}
console.log(foo()); // 0
console.log(foo(5)); // 5

总结

本文介绍了 Javascript 中默认值的设置方法和使用场景。默认值可以简化代码，更重要的是提高了代码的可读性和可维护性，也可以避免出现一些不必要的错误。