0001、typescript声明多种类型元素的数组

在 TypeScript 中，声明包含多种类型元素的数组有两种主要方式：使用类型注解 (number | string)[] 和使用泛型 Array<number | string>。你提供的两种声明方式都是有效的，并且在功能上是等价的。选择哪一种主要取决于个人偏好和具体场景。让我们来比较一下这两种方式：

1. 类型注解 (number | string)[]

这种方式通过在元素类型后面加上 [] 来声明一个数组，其元素可以是 number 或 string 类型。这种语法简洁明了，对于简单的类型组合非常直观，特别是当数组类型相对简单时。

let arr: (number | string)[] = [1, "a", 2, "b", 3, "c"];

优点

• 简洁性：对于简单的数组类型，这种方式更加直观易读。
• 流行性：在 TypeScript 社区中广泛使用，特别是在类型注解较为简单的情况下。

缺点

• 复杂类型限制：对于更复杂的类型定义，比如数组的数组（多维数组），这种方式可能需要使用更多的括号，有时候会显得比较复杂。

2. 泛型 Array<number | string>

这种方式使用 Array<T> 泛型来声明数组，其中 T 是数组元素的类型。对于更复杂的类型组合或者需要明确表达泛型的场景，这种方式非常有用。

let arr2: Array<number | string> = [1, "a", 2, "b", 3, "c"];

优点

• 灵活性：对于复杂的类型定义，使用泛型可以提供更好的类型表达能力和可读性。
• 一致性：在需要使用泛型进行复杂类型声明的其他场合，保持代码的一致性。

缺点

• 冗长：对于简单的数组类型，使用 Array<T> 可能会显得比直接使用 [] 更冗长。

结论

选择 (number | string)[] 或 Array<number | string> 主要取决于个人或团队的偏好以及具体场景。如果你倾向于简洁性并且类型相对简单，(number | string)[] 是一个很好的选择。如果你正在处理复杂的类型或者想保持代码风格的一致性（尤其是在使用泛型的其他场景），则 Array<number | string> 可能是更好的选择。

在实际项目中，建议与团队成员讨论并决定统一的代码风格指南，以确保代码的一致性和可维护性。