Typescript 如何编写函数

在Typescript中编写函数与在JavaScript中编写函数类似，但加入了参数和返回类型。请注意，任何JavaScript函数都是完全有效的Typescript函数。但是，通过添加类型，我们可以做得更好。

语法： 让我们看一个基本的带有两个参数的Typescript函数语法。

function functionName(arg1: <arg1Type>, 
        arg2: <arg2Type>): <returnType> {
    // Function body...
}

以下是一些函数以帮助更好地理解。

示例1： 在这个示例中，我们正在编写一个函数来添加两个数字。

Javascript

// TypeScript Code
// Following function returns the addition
// of it's two parameters
function addTwo(a: number, b: number): number {
    return a + b;
}
 
console.log(addTwo(7, 8)); // logs 15

输出：

示例2： 将两个数字相加并返回相等的十六进制字符串。

Javascript

// Following function adds it's two parameters then
// returns it as string form in base 16
function getHexAddition(a: number, b: number): string {
    return (a + b).toString(16);
}
 
console.log(getHexAddition(10, 16)); // logs '1a'

输出:

1a

添加可选和默认参数： 添加可选参数非常简单，只需在参数名称末尾添加?。

示例3： 编写一个函数，如果传入了名称，则记录带有名称的早上好消息，如果没有传入名称，则仅记录早上好。

JavaScript

// Following function returns good morning
// message based on value of name passed
function goodMorning(name?: string): string {
    
    // if name exits use it as suffix else ignore name
    const suffix = (name ? `, ${name}.` : '.');
    return 'Good Morning' + suffix;
}
 
// logs 'Good Morning.'
console.log(goodMorning());
 
// logs 'Good Morning, Sam.'
console.log(goodMorning('Sam'));

输出: 对于默认参数，用等号和默认值结尾（TypeScript编译器将根据提供的值自动推断出默认参数的类型）。

Good Morning.
Good Morning, Sam.

示例 4： 编写一个函数，返回 base^{power} 的结果。如果没有提供 power，则默认为 1。

JavaScript

function pow(base: number, power = 1): number {
   return Math.pow(base, power);
}
 
console.log(pow(7));    // logs 7
console.log(pow(7, 2)); // logs 49

输出: