在 ES6 中，我们可以使用省略参数和 rest 参数来方便地操作函数参数，但是在使用过程中很容易出现类型错误。本文将介绍这种类型错误的产生原因，并提供解决方法以及示例代码。
省略参数
省略参数（也称为默认参数）是一种用于设置函数默认值的语法。它可以让我们在定义函数时为其参数指定默认值，从而在调用函数时可以不传递该参数。例如：
function foo(x = 42) {
return x;
}
console.log(foo()) // 42
console.log(foo(21)) // 21然而，在使用省略参数时，我们需要注意以下几点：
- 如果省略参数在调用函数中被省略，那么它将被赋值为
undefined。 - 如果省略参数的默认值不是简单类型（如数字、字符串、布尔值），而是一个对象或数组，那么在调用函数时多个参数会共享该默认值。
举个例子，我们来看一下以下代码：
function bar(x = []) {
x.push(42);
return x;
}
console.log(bar()); // [42]
console.log(bar()); // [42, 42]由于省略参数的默认值是一个空数组，因此在第一次调用 bar() 时，返回了一个包含一个元素的数组 [42]。然而，在第二次调用 bar() 时，由于上一次调用的数组并没有被销毁，因此返回的数组变成了 [42, 42]。
此外，由于省略参数在调用函数中可以被省略，因此它可能不是我们期望的类型。例如：
function baz(x = '') {
return x.toUpperCase();
}
console.log(baz()); // ""
console.log(baz(42)); // TypeError: x.toUpperCase is not a function在上面的代码中，我们期望 x 是一个字符串，因此我们调用 toUpperCase() 来将其转换为大写字母。但是，由于我们在第一个调用中省略了 x，因此它被赋值为一个空字符串，可以正常执行 toUpperCase()。而在第二个调用中，我们传递了一个数字 42，它没有 toUpperCase() 方法，因此会出现类型错误。
Rest 参数
Rest 参数是一种用于接收多个参数并以数组的形式传递的语法。它可以让我们在定义函数时指定一个参数，从而接收所有传递给函数的参数。例如：
function qux(...args) {
return args;
}
console.log(qux(1, 2, 3)); // [1, 2, 3]
console.log(qux('foo', 'bar')); // ["foo", "bar"]与省略参数类似，Rest 参数也有一些需要注意的地方：
- Rest 参数只能放在函数的最后一个参数位置。
- Rest 参数必须是一个数组类型。
举个例子，以下代码会出现语法错误：
function quux(a, ...b, c) {
return [a, ...b, c];
}因为 Rest 参数 ...b 必须放在最后一个参数位置，而 c 不是最后一个参数。我们可以把 c 放到 Rest 参数前面，或者将 Rest 参数放在参数列表的最后一个位置。
解决方法
在使用省略参数和 Rest 参数时，我们需要注意传递的参数类型是否符合我们的预期。为了避免类型错误，我们可以使用 typeof 操作符或 instanceof 操作符来检查传递的参数类型，并在检查失败时抛出异常或提供默认值。
例如，我们可以使用以下代码来检查传递的参数是否是字符串类型：
-- -------------------- ---- -------
-------- ------ - --- -
-- ------- - --- --------- -
----- --- ------------ ---- -- - ----------
-
------ ----------------
-
-------------------- -- --
------------------------- -- -----
---------------------- -- ---------- - ---- -- - -------类似地，我们可以使用以下代码来检查传递的 Rest 参数是否是数组类型：
-- -------------------- ---- -------
-------- -------------- -
-- ------- ---------- ------- -
----- --- --------------- ---- -- -- ---------
-
------ -----
-
-------------------- -- ---- -- --- -- --
------------------------ -------- -- ------- ------
----------------------- -- ---------- ---- ---- -- -- ------在上面的代码中，我们检查了传递的 x 参数是否是字符串类型，如果不是则抛出了一个类型错误。同样的，我们检查了传递的 Rest 参数 args 是否是数组类型，如果不是则抛出了一个类型错误。这样可以有效避免类型错误的产生，并让我们的代码更加健壮稳定。
结论
本文介绍了在使用省略参数和 Rest 参数时容易出现的类型错误，以及解决方法和示例代码。在实际开发中，我们需要注意传递的参数类型，为省略参数和 Rest 参数提供默认值，以及检查传递的参数类型。这样才能确保我们的代码可读性高、健壮、稳定。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670782c4d91dce0dc8697b6f