使用 TypeScript 的开放式函数参数

IT技术 javascript typescript
2021-02-23 06:51:56

IMO,TypeScript语言的主要关注点之一是支持现有的 vanilla JavaScript 代码。这是我第一眼的印象。看看以下完全有效的 JavaScript 函数:

注意:我并不是说我喜欢这种方法。我只是说这是一个有效的 JavaScript 代码。

function sum(numbers) { 

    var agregatedNumber = 0; 
    for(var i = 0; i < arguments.length; i++) { 
        agregatedNumber += arguments[i];
    }

    return agregatedNumber;
}

所以,我们使用任意数量的参数来使用这个函数:

console.log(sum(1, 5, 10, 15, 20));

但是,当我使用TypeScript Playground尝试此操作时,它会出现编译时错误。

我假设这是一个错误。假设我们没有兼容性问题。那么,有没有办法用开放式参数编写这种类型的函数?例如paramsC# 中的功能?

3个回答

执行此操作的 TypeScript 方法是将省略号运算符 ( ...) 放在参数名称之前。上面会写成,

function sum(...numbers: number[]) {
    var aggregateNumber = 0;
    for (var i = 0; i < numbers.length; i++)
        aggregateNumber += numbers[i];
    return aggregateNumber;
}

然后,这将正确键入检查

console.log(sum(1, 5, 10, 15, 20));
伟大的!谢谢。这绝对是要走的路。因此,如果有人像我的问题那样拥有现有代码,它就会中断。对?
2021-04-20 06:51:56
正在寻找休息参数示例。泰。
2021-04-21 06:51:56
是的。它抱怨调用,但您可以通过将签名更改为 sum(...) 来声明 sum 接受任何类型的多个参数,而不是它会消除错误。请随时将此作为 CodePlex 上的错误提交。
2021-05-05 06:51:56

除了@chuckj 答案:您还可以arrow function expression在 TypeScript 中使用 an 类似于lambdaJava/.NET 中的 a)

function sum(...nums: number[]): number {
    return nums.reduce((a, b) => a + b, 0);
}

在 Typescript 中它是Rest Parameter的概念,它是接收多个相似类型值的参数。如果我们针对 typescript 那么我们必须编写代码ECMAScript 6标准,然后 typescript transpiler 将其转换为等效的 java 脚本代码(这是ECMAScript 5标准。如果我们使用 typescript,那么我们必须使用三个 dot(...) preferredx 和 restparameter 变量名称,例如 function sum(...numbers: number[]),那么它会起作用。

注意: Rest Parameter 必须是参数列表中的最后一个参数。同样的函数 sum(name:string,age:number,...numbers: number[])。