ts 函数形参结构
    在TypeScript中,函数的形参也要遵循一定的规则和结构。本文将介绍 TS 函数形参的结构以及如何在函数中声明这些形参。
    基本形参
    在 TypeScript 中,基本的形参类型有以下几种:
    - number:表示数值类型;
    - string:表示字符串类型;
    - boolean:表示布尔类型;
    - any:表示任意类型;
    - void:表示无返回值。
    这些类型的形参在函数声明时可以直接声明,如下所示:
    ```
    function add(a: number, b: number): number {
    return a + b;
    }
    function greet(na string): void {
    console.log(`Hello, ${name}!`);
    }
    ```
    可选形参
    有些函数的形参是可选的,即在调用函数时可以不传递这些参数。在 TypeScript 中,可选形参使用 `?` 来表示,如下所示:
    ```
    function greet(name?: string): void {
    if (name) {
    console.log(`Hello, ${name}!`);
    } else {
    console.log(`Hello, stranger!`);
    }
    }
    ```
    在调用 `greet` 函数时,可以不传递 `name` 参数,或者传递一个字符串参数。如果不传递参数,则输出 `Hello, stranger!`;如果传递参数,则输出 `Hello, ${name}!`。
    默认形参
    有些函数的形参有默认值,即在调用函数时如果不传递这些参数,则会使用默认值。在 TypeScript 中,可以使用 `=` 来为形参设置默认值,如下所示:
    ```
    function greet(na string = 'stranger'): void {
    console.log(`Hello, ${name}!`);
    }
    ```
    在调用 `greet` 函数时,可以不传递 `name` 参数,或者传递一个字符串参数。如果不传递参数,则使用默认值 `'stranger'`;如果传递参数,则使用传递的参数值。
    剩余形参
    有些函数的形参可能有多个,但是这些形参的数量在函数声明时是不确定的。在 TypeScript 中,可以使用剩余形参来表示这种情况。剩余形参使用 `...` 来表示,如下所示:
    ```
    function sum(...numbers: number[]): number {
    duce((a, b) => a + b, 0);
    }
    ```
    在调用 `sum` 函数时,可以传递任意数量的数值参数,如下所示:
    ```
    sum(); // 0
    sum(1); // 1
字符串函数传参    sum(1, 2); // 3
    sum(1, 2, 3); // 6
    ```
    总结
    本文介绍了 TypeScript 中函数形参的结构和用法,包括基本形参、可选形参、默认形参和剩余形参。了解这些内容可以让我们写出更加规范和灵活的 TypeScript 代码。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。