Day25-TypeScript(TS)函式(Function)的剩余参数(Rest Parameter)

今天要来讲讲TypeScript(TS)函式(Function)的剩余参数(Rest Parameter)
那麽剩余参数是什麽呢?

剩余参数(Rest Parameter)可以将多个参数视为一个群组传递,
通常应用在不确定函式的参数个数之情况下。

注意项一

在呼叫剩余参数函式时,
可以传入0至多个指定型别的引数(argument)

注意项二

一个函式只能定义一个剩余参数,
他必须出现在所有必要参数之後,
也就是参数列的最後一个

注意项三

剩余参数的型别必须是一个阵列型别。

另外,在使用剩余参数时的三个重点。

  • 可以将多个参数视为一个群组传递
  • 应用在不确定函式的参数个数的情况下
  • 定义时使用「…」剩余运算子

接着我们来看看范例吧,

function sum(...nums: number[]): string {
    let total = 0;
    for (let i = 0; i < nums.length; i++) {
        total += nums[i];
    }
    return `Total = ${total}`;
}

范例中,sum函式包含了剩余参数nums
用法如上面所说,
在剩余参数前加上...剩余运算子
而剩余函式的型别为一个number的阵列
最後进到函式内做逻辑判断与处理,
这边的范例式将传进的所有数值都相加,
最後回传加总结果。

那我们来看看呼叫的方法吧。

let r0 = sum();//0
let r1 = sum(1, 2);//3
let r2 = sum(1, 2, 3, 4);//10
console.log(r0, r1, r2);

因为剩余函数可以传入不同个数的参数,
范例中可看得出来传入不同参数个数,
皆能透过函式计算出所有的加总喔。

今日结语

今天讲的剩余参数,
在不确定函式的参数个数的情况下是很适合拿来应用的方法喔,
希望大家都懂了,
那麽继续加油吧。


<<:  口罩脸孔资料集的训练(Training)

>>:  [Day - 25] - Spring Reactor Processor 之交易所OrderBook实作与设计

调查类型(Investigation Types)

一个调查是收集和用於特定目的的证据分析。 行政调查(Administrative Investiga...

Day17 requests模组二

今天的影片内容为解释向网页服务器请求资料失败可能的原因 以及碰到「反爬虫机制」的应对方法 以下为影片...

Day 29 : 用於生产的 TensorFlow Extended (TFX) 实作

用於生产的机械学习系统,在 Day 28 介绍 TensorFlow Extended (TFX)...

[Day 5] 排版布局Stack

Stack 组件用於沿垂直或水平轴的布局 也是RWD应用的选项之一 复杂度跟所选参数都可以轻易使用 ...

Vuex实作

昨天介绍了Vuex是什麽,也知道了它的流程,今天当然也要来实作一下Vuex啦~这个实作会沿用第26天...