解决在 ECMAScript 2015 中默认参数的问题

在 ECMAScript 2015 中，我们可以使用默认参数来给函数的参数设置默认值。如果我们不传递某个参数，那么这个参数的值就会取默认值。这肯定是一个很方便的特性，但是在一些特殊的情况下，我们可能需要对默认参数进行特殊处理。本文将介绍一些解决默认参数问题的方法。

默认参数的问题

首先，我们来看一个简单的例子。假设我们有一个函数，接受两个数，并将它们相加：

function add(a, b = 0) {
  return a + b;
}

在这个例子中，我们定义了函数 add，它接受两个参数 a 和 b。如果没有传递 b，那么它的默认值就是 0。

这个函数看起来挺不错的，但是它有一个问题。假设我们传递一个 NaN 给 a，那么这个函数会返回 NaN。而如果我们传递一个 undefined 给 a，那么这个函数会返回 0。

这样的行为有时候是我们不想要的，我们可能需要返回一个错误，或者处理一些边界情况。

解决默认参数的问题

有很多种方法可以解决默认参数的问题。下面列举几种常见的方法。

使用 void 0 来判断未传递的参数

我们可以使用 void 0 来判断一个参数是否被传递。如果传递了一个 undefined，它的值就是 void 0。如果没有传递这个参数，它也是 void 0。

下面是一个例子：

function add(a, b = 0) {
  if (a === void 0) {
    throw new Error('Missing a');
  }
  return a + b;
}

在这个例子中，我们对 a 进行了判断，如果它没有被传递，就抛出一个错误。

使用类似 lodash 的工具库

如果你使用像 lodash 这样的工具库，你可以使用 _.isUndefined 或者 _.isNull 来判断一个参数是否为 undefined 或者 null。

下面是一个使用 lodash 的例子：

import _ from 'lodash';

function add(a, b = 0) {
  if (_.isUndefined(a)) {
    throw new Error('Missing a');
  }
  return a + b;
}

在这个例子中，我们使用 _.isUndefined 来判断 a 是否为 undefined。

使用箭头函数

如果你使用箭头函数，你可以使用 arguments 对象来获取函数的参数列表。这里有一个示例：

const add = (a, b = 0) => {
  if (arguments.length < 1) {
    throw new Error('Missing a');
  }
  return a + b;
};

在这个例子中，我们使用 arguments 对象来获取函数的参数列表，并检查参数列表的长度。如果参数列表的长度小于 1，就抛出一个错误。

总结

在本文中，我们介绍了默认参数在 ECMAScript 2015 中的用法，并说明了默认参数的一些问题。我们还介绍了几种解决默认参数问题的方法，包括使用 void 0、使用类似 lodash 的工具库以及使用箭头函数。希望这篇文章可以帮助你更好地理解并使用 ECMAScript 2015 中的默认参数。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cc882f5ad90b6d04293f41