函数的可变参数列表是在 JavaScript 中非常常见的一种模式，它允许函数接受任意数量的参数。在 TypeScript 中，可以使用 Rest Parameters 来标记函数的可变参数列表，并对其进行类型检查。本文将详细介绍 Rest Parameters 的用法和应用场景，帮助开发者更好地理解和使用 TypeScript。
Rest Parameters 的概述
在 TypeScript 中，使用 Rest Parameters 需要添加三个点（...）符号。当函数参数列表中包含 Rest Parameters 参数时，它将接受任意数量的参数，并将它们打包成一个数组。例如，下面的代码定义了一个接受任意数量数字的函数，它将这些数字加起来并返回结果：
-- -------------------- ---- -------
-------- ---------------------- --------- -
--- ------ - --
--- ------ - -- -------- -
------ -- --
-
------ -------
-
------------- -- -- --- -- --
------------- -- -- -- --- -- --在上面的代码中，我们声明了一个 Rest Parameters 参数 ...numbers，并将其类型标记为 number[]，表示它是一个数字类型的数组。当我们调用 addNumbers 函数时，传入的任意数量数字都会被打包成一个数组 numbers，我们就可以使用它来进行累加计算。
Rest Parameters 的类型检查
与其他 TypeScript 的特性一样，Rest Parameters 对类型检查提供了更好的支持，可以避免许多运行时错误。例如，如果我们在上面的代码中调用 addNumbers 函数时传入的参数不是数字类型，会发生下面的错误：
addNumbers(1, 2, "3", 4); // Type 'string' is not assignable to type 'number'.
在这个错误中，TypeScript 提示我们传入了一个类型为字符串的参数，但函数的类型标记为数字类型，因此不符合预期。这个错误可以在开发时被检查出来，避免了在运行时出现不必要的错误。
适用场景
Rest Parameters 不仅适用于处理可变参数列表，还可以用于更通用的情况，例如函数的参数列表可能包含一些默认值，而其他参数的数量是可变的。在这种情况下，我们可以使用 Rest Parameters 来接收可变的参数列表，同时指定剩余的参数列表的默认值。例如：
-- -------------------- ---- -------
-------- --------------- ------- ---- ------ - --- ------------ --------- -
------------------ -------- ---- ---------
-- ----------------- -
---------------------- ------------------ ------
-
-
------------------- -- ----- ------ ---- --
---------------- ---- -- ----- ---- ---- --
-------------------- --- --------- ----------- -- ----- -------- ---- --- --------- ------- -------在上面的代码中，我们定义了一个 printInfo 函数，它接收一个必须的字符串类型参数 name，一个可选的数字类型参数 age，以及一个可变的字符串类型参数列表 contacts。当给定 age 参数时，它的默认值为 18，如果没有传递 contacts 参数，contacts 将为空数组。在调用 printInfo 函数时，我们可以根据需要传递 name，age 和任意数量的 contacts 参数，并获得所需的输出。
总结
Rest Parameters 是 TypeScript 中一项有用的特性，它可以帮助开发者更好地处理函数的可变参数列表，避免运行时错误，提高代码的可读性、可维护性和可重用性。在实际开发中，我们应该充分利用这个特性，根据实际需求来选择合适的函数签名和参数列表，让代码更加优雅、健壮和可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651d3ce695b1f8cacd4c67f8