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大佬的无私奉献,致敬!

技术教程推荐

OpenResty从入门到实战 -〔温铭〕

玩转webpack -〔程柳锋〕

SQL必知必会 -〔陈旸〕

MongoDB高手课 -〔唐建法(TJ)〕

视觉笔记入门课 -〔高伟〕

etcd实战课 -〔唐聪〕

快手 · 移动端音视频开发实战 -〔展晓凯〕

超级访谈:对话毕玄 -〔毕玄〕

Vue 3 企业级项目实战课 -〔杨文坚〕