温馨提示×

函数

在Typescript中,函数是一种可重用的代码块,用于执行特定任务或操作。函数可以带有参数和返回值,让代码更加模块化和可维护。

基本语法

在Typescript中声明一个函数的基本语法如下:

function functionName(parameter1: type, parameter2: type, ...): returnType {
    // 函数体
}
  • functionName:函数的名称,用来调用函数。
  • parameter1, parameter2, ...:函数的参数列表,可以不包含任何参数。
  • type:参数的类型,可以是基本类型、自定义类型或者函数类型。
  • returnType:函数的返回值类型,可以是基本类型、自定义类型或者void(表示没有返回值)。

示例

下面是一个简单的示例,演示如何声明一个接受两个参数并返回它们之和的函数:

function add(x: number, y: number): number {
    return x + y;
}

let result = add(1, 2);
console.log(result); // 输出3

可选参数和默认参数

在Typescript中,函数的参数可以是可选的或者具有默认值。可选参数使用?来标记,而默认参数使用=来指定默认值。

function greet(name: string, greeting?: string): void {
    if (greeting) {
        console.log(`${greeting}, ${name}!`);
    } else {
        console.log(`Hello, ${name}!`);
    }
}

greet("Alice"); // 输出Hello, Alice!
greet("Bob", "Good morning"); // 输出Good morning, Bob!

剩余参数

在Typescript中,可以使用剩余参数语法(rest parameters)来接收不定数量的参数。剩余参数是一个数组,包含函数调用时传入的所有多余的参数。

function sum(...numbers: number[]): number {
    return numbers.reduce((total, num) => total + num, 0);
}

let result = sum(1, 2, 3, 4, 5);
console.log(result); // 输出15

箭头函数

除了使用function关键字声明函数外,Typescript还支持使用箭头函数(arrow function)来定义函数。箭头函数通常用于简化代码和更清晰地表达函数的作用。

let multiply = (x: number, y: number): number => x * y;

let result = multiply(3, 4);
console.log(result); // 输出12

函数重载

Typescript还支持函数重载,允许我们定义多个函数签名来处理不同的参数类型或个数。

function display(value: number): void;
function display(value: string): void;
function display(value: number | string): void {
    console.log(value);
}

display(123); // 输出123
display("Hello"); // 输出Hello

以上是Typescript中函数的基础语法和用法,希望对你有所帮助。如果有任何疑问或需要进一步的解释,请随时提出。