TypeScript Rest参数详解

在本教程中,你将学习 TypeScript 中的剩余参数,它允许你把不限数量的参数表示为一个数组参数。

Rest 参数允许函数接受零个或者多个指定类型的参数,在 TypeScript 中, Rest 参数遵守下面的规则:

要声明一个 Rest 参数,可以在参数名前加上三个点,并使用数组类型作为它的类型注释:

function fn(...rest: type[]) {
  //...
}

下面的例子演示了如何使用 Rest 参数:

function getTotal(...numbers: number[]): number {
  let total = 0;
  numbers.forEach((num) => (total += num));
  return total;
}

在这个例子中, getTotal() 函数计算传递给它的所有参数的总和。由于 numbers 参数是一个 Rest 参数,你可以传递一个或者多个数字,来计算它们的总和:

console.log(getTotal()); // 0
console.log(getTotal(10, 20)); // 30
console.log(getTotal(10, 20, 30)); // 60

教程来源于Github,感谢cody1991大佬的无私奉献,致敬!

技术教程推荐

iOS开发高手课 -〔戴铭〕

零基础学Java -〔臧萌〕

SQL必知必会 -〔陈旸〕

编辑训练营 -〔总编室〕

研发效率破局之道 -〔葛俊〕

技术面试官识人手册 -〔熊燚(四火)〕

深入剖析Java新特性 -〔范学雷〕

快速上手C++数据结构与算法 -〔王健伟〕

手把手带你写一个MiniSpring -〔郭屹〕