Typescript 类型详解： 从基础到数组泛型

TypeScript 作为 JavaScript 的超集，不仅包含了 JavaScript 的所有特性，还增加了类型注解，从而为 JavaScript 带来了静态类型检查的功能。这使得 TypeScript 成为了一种更适合大型项目开发的语言，因为它可以帮助开发者在开发过程中尽早发现类型错误，从而减少后期维护的成本。

    ## TypeScript 基础类型
    在 TypeScript 中，有几种基本的数据类型，包括：
    
    **boolean** ：布尔型，只能取两个值：true 和 false。
    **number** ：数字类型，可以是整数或小数。
    **string** ：字符串类型，是一串字符。
    **array** ：数组类型，可以存储多个相同类型的值。
    
    ### **boolean** 

    布尔型变量只能取两个值：`true` 和 `false`。它通常用于表示一个逻辑状态，例如：

    ```typescript
    let isLoggedIn: boolean = true;
    ```

    ### **number** 

    数字类型可以是整数或小数。它可以使用以下语法表示：

    ```typescript
    let age: number = 25;
    let salary: number = 100000.50;
    ```

    ### **string** 

    字符串类型是一串字符。它可以使用以下语法表示：

    ```typescript
    let name: string = "John Doe";
    let address: string = "123 Main Street";
    ```

    ### **array** 

    数组类型可以存储多个相同类型的值。它可以使用以下语法表示：

    **第一种方式** ，可以在元素类型后面接上 `[]`，表示由此类型元素组成的一个数组：

    ```typescript
    let numbers: number[] = [1, 2, 3, 4, 5];
    let names: string[] = ["John", "Mary", "Bob"];
    ```

    **第二种方式** 是使用数组泛型，`Array<元素>`：

    ```typescript
    let numbers: Array<number> = [1, 2, 3, 4, 5];
    let names: Array<string> = ["John", "Mary", "Bob"];
    ```

    ## TypeScript 数组泛型

    TypeScript 数组泛型允许我们指定数组中元素的类型。这使得我们可以对数组中的元素进行类型检查，从而避免出现类型错误。

    数组泛型的语法如下：

    ```typescript
    Array<元素类型>
    ```

    其中，`元素类型` 是数组中元素的类型。例如：

    ```typescript
    let numbers: Array<number> = [1, 2, 3, 4, 5];
    let names: Array<string> = ["John", "Mary", "Bob"];
    ```

    在上面的示例中，`numbers` 数组只能存储数字，而 `names` 数组只能存储字符串。这使得我们可以对数组中的元素进行类型检查，从而避免出现类型错误。

    ## 总结

    TypeScript 的基础类型包括 `boolean`、`number`、`string` 和 `array`。数组类型可以使用数组泛型来指定数组中元素的类型。这使得我们可以对数组中的元素进行类型检查，从而避免出现类型错误。