open-ended function arguments with TypeScript

JavascriptTypescript

Javascript Problem Overview


IMO, one of the main concerns of the TypeScript language is to support the existing vanilla JavaScript code. This is the impression I had at first glance. Take a look at the following JavaScript function which is perfectly valid:

> Note: I am not saying that I like this approach. I am just saying this is a > valid JavaScript code.

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

So, we consume this function with any number of arguments:

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

However, when I try this out with TypeScript Playground, it gives compile time errors.

I am assuming that this is a bug. Let's assume that we don't have the compatibility issues. Then, is there any way to write this type of functions with open-ended arguments? Such as params feature in C#?

Javascript Solutions


Solution 1 - Javascript

The TypeScript way of doing this is to place the ellipsis operator (...) before the name of the argument. The above would be written as,

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

This will then type check correctly with

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

Solution 2 - Javascript

In addition to @chuckj answer: You can also use an arrow function expression in TypeScript (is kind of a lambda in Java / .NET)

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

Solution 3 - Javascript

In Typescript it is the concept of Rest Parameter, it is the parameter which receives multiple values of similar type.If we target the typescript then we have to write the code ECMAScript 6 standard,then typescript transpiler converts it to its equivalent java script code(which is ECMAScript 5 standard).If we use typescript then we have to use three dot(...) preferx with the restparameter variable name, such as function sum(...numbers: number[]), then it would work.

Note: Rest Parameter must be last parameter in the parameter list.likewise function sum(name:string,age:number,...numbers: number[]).

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestiontugberkView Question on Stackoverflow
Solution 1 - JavascriptchuckjView Answer on Stackoverflow
Solution 2 - JavascriptJeroen van Dijk-JunView Answer on Stackoverflow
Solution 3 - JavascriptSheo Dayal SinghView Answer on Stackoverflow