TypeScript 函数学习笔记

函数的基本概念

函数是一段可重用的代码块，用于执行特定的任务。在 TypeScript 中，函数可以具有如下特性：

1. 函数名：名称用于标识函数。
2. 参数列表：用于传递数据给函数。
3. 返回类型：函数执行后返回的结果类型。

函数的声明方式

1. 函数声明

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

2. 函数表达式

Copy Code
const add = function (x: number, y: number): number {
    return x + y;
};

3. 箭头函数

Copy Code
const add = (x: number, y: number): number => {
    return x + y;
};

函数的参数

1. 必需参数

Copy Code
function sayHello(name: string) {
    console.log(`Hello, ${name}!`);
}

sayHello('Peter'); // 输出: "Hello, Peter!"

2. 可选参数

Copy Code
function sayHello(name?: string) { // 加上问号表示该参数为可选参数
    if(name){
        console.log(`Hello, ${name}!`);
    } else {
        console.log(`Hello, Stranger!`);
    }
}

sayHello('Peter'); // 输出: "Hello, Peter!"
sayHello(); // 输出: "Hello, Stranger!"

3. 默认参数

Copy Code
function sayHello(name="Stranger") { // 为参数添加默认值
    console.log(`Hello, ${name}!`);
}

sayHello('Peter'); // 输出: "Hello, Peter!"
sayHello(); // 输出: "Hello, Stranger!"

4. 剩余参数

Copy Code
function sum(...numbers: number[]): number { // 参数名前加 ...
    let result = 0;
    for (let i = 0; i < numbers.length; i++) {
        result += numbers[i];
    }
    return result;
}

sum(1, 2, 3); // 返回 6
sum(1, 2, 3, 4, 5); // 返回 15

函数的返回值

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

实例

以下示例演示了如何在 TypeScript 中声明和调用函数：

Copy Code
function sayHello(name: string) {
    console.log(`Hello, ${name}!`);
}

function calculateArea(length: number, width: number): number {
    return length * width;
}

const result = calculateArea(5, 10);
console.log(result); // 输出：50

sayHello('Peter'); // 输出：Hello, Peter!

以上是 TypeScript 函数学习笔记，希望对你有所帮助！