TypeScript 循环语句
TypeScript 箭头函数 

TypeScript 函数

在 TypeScript 中,函数的定义和使用与 JavaScript 非常类似,但 TypeScript 提供了额外的类型系统支持,可以帮助开发者更好地定义函数参数和返回类型,以增强代码的可读性和可维护性。

函数定义

在 TypeScript 中,可以使用以下语法定义函数:

function 函数名称(参数:类型,...):返回值类型{
    // 函数体
}

函数定义举例:

// 无参数和无返回值的函数
function sayHello(): void {
    console.log('Hello, TypeScript!');
}

// 带参数和返回值的函数
function add(a: number, b: number): number {
    return a + b;
}

// 函数表达式
const multiply = function(x: number, y: number): number {
    return x * y;
};

// 箭头函数
const divide = (x: number, y: number): number => {
    return x / y;
};

可选参数和默认参数

使用 ? 指定参数为可选的。

// 可选参数
function sayHello(name: string, message?: string): void {
    if (message) {
        console.log(`hello,${name},${message}`);
    } else {
        console.log(`hello,${name}`);
    }
}

sayHello('Jerry'); // 输出: "hello,Jerry"
sayHello('Jerry', 'nice to meet you!'); // 输出: "hello,Jerry, nice to meet you!"

// 默认参数
function sayHi(name: string, message: string = 'good morning!'): void {
    console.log(`hello,${name},${message}`);
}

sayHi('Jerry'); // 输出: "hello,Jerry,good morning!"
sayHi('Jerry', 'good afternoon!'); // 输出: "hello,Jerry,good afternoon!"

剩余参数(Rest Parameters)

function sum(...values:number[]):number {
    let result = 0
    for (let val of values) {
        result += val
    }
    return result
}

console.log(sum());                //输出 0 
console.log(sum(1,2));             //输出 3
console.log(sum(1,2,3));           //输出 6
console.log(sum(1,2,3,4));         //输出 10
console.log(sum(1,2,3,4,5));       //输出 15
console.log(sum(1,2,3,4,5,6));     //输出 21


TypeScript 的函数特性提供了强大的类型安全和编码灵活性,有助于编写更清晰、更健壮的代码。