17、TypeScript 函数与数据结构使用指南

TypeScript 函数与数据结构使用指南

1. 函数参数相关特性

1.1 可选参数与默认值

带有默认值的参数仍然是可选参数，即便没有使用问号。并且，这些参数必须定义在函数的必需参数之后。

1.2 剩余参数

剩余参数是可选参数的对应概念，它允许函数接受可变数量的参数，并将这些参数分组在一起。一个函数只能有一个剩余参数，且它必须是最后一个参数。例如：

function calculateTax(amount, discount = 0, ...extraFees) {
    return (amount * 1.2) - discount
        + extraFees.reduce((total, val) => total + val, 0);
}
let taxValue = calculateTax(100, 0);
console.log(`2 args: ${taxValue}`);
taxValue = calculateTax(100);
console.log(`1 arg: ${taxValue}`);
taxValue = calculateTax(100, 10, 20);
console.log(`3 args: ${taxValue}`);

在这个例子中， extraFees 就是剩余参数，它接收所有没有对应参数的额外参数，并将它们存储在一个数组中。如果没有额外参数，这个数组将被初始化为空。

调用函数时，分组参数到剩余参数数组的过程是