【TypeScript函数简介以及使用方法】

TypeScript 是一种 JavaScript 的超集，添加了静态类型系统和其他 ES6（以及更多）功能。在 TypeScript 中，函数是非常重要的构建块，它们允许你组织代码并执行特定的任务。

TypeScript 函数简介

在 TypeScript 中，函数可以使用多种语法来定义，但最常见的是使用 function 关键字或使用箭头函数。函数可以接收参数，并可以有一个返回值。

使用方法

1. 使用 function 关键字定义函数

function greet(name: string): string {
    return "Hello, " + name;
}

const message = greet("World"); // "Hello, World"

在这个例子中，greet 是一个函数，它接收一个类型为 string 的参数 name，并返回一个类型为 string 的值。

2. 使用箭头函数定义函数

箭头函数是 ES6 引入的一种新的函数语法，它们更简洁，并且不会绑定自己的 this 值。

const greet = (name: string): string => {
    return "Hello, " + name;
};

const message = greet("TypeScript"); // "Hello, TypeScript"

3. 可选参数和默认参数

在 TypeScript 中，你可以为函数参数提供默认值，这使得函数在某些参数被省略时也能正常工作。你还可以定义可选参数。

function greet(name: string, greeting?: string = "Hello"): string {
    return greeting + ", " + name;
}

const message = greet("Alice"); // "Hello, Alice"
const customMessage = greet("Bob", "Hi"); // "Hi, Bob"

在这个例子中，greeting 是一个可选参数，并且有一个默认值 "Hello"。

4. 剩余参数（Rest Parameters）

剩余参数允许你将一个不定数量的参数表示为一个数组。

function greet(...names: string[]): string {
    return names.map(name => "Hello, " + name).join(", ");
}

const message = greet("Alice", "Bob", "Charlie"); // "Hello, Alice, Hello, Bob, Hello, Charlie"

5. 函数重载

虽然 TypeScript 是一种静态类型语言，但它并不直接支持函数重载（像 C# 或 Java 那样）。但是，你可以使用联合类型和可选参数来模拟函数重载。

function greet(name: string): string;
function greet(greeting: string, name: string): string;
function greet(greetingOrName: string, name?: string): string {
    if (name !== undefined) {
        return greetingOrName + ", " + name;
    } else {
        return "Hello, " + greetingOrName;
    }
}

const message1 = greet("Alice"); // "Hello, Alice"
const message2 = greet("Hi", "Bob"); // "Hi, Bob"

注意：这里的函数重载只是 TypeScript 的类型检查机制，实际上只有一个函数体被执行。