TypeScript 是 JavaScript 的超集，它提供了强类型支持，使得开发者可以更加轻松地进行代码维护和调试。在使用 TypeScript 进行开发过程中，合理地定义类型是非常重要的。本文将介绍一些在 TypeScript 中常见的类型定义方式。
原始类型
TypeScript 支持 JavaScript 原始类型的定义，包括：
stringnumberbooleannullundefinedsymbol
示例代码如下：
const str: string = "Hello World!";
const num: number = 1234;
const bool: boolean = true;
const empty: null = null;
const notDefined: undefined = undefined;
const sym: symbol = Symbol("foo");数组类型
定义数组类型时，可以使用 [] 或者 Array<ElementType> 的方式来实现。其中，ElementType 表示数组元素类型。
示例代码如下：
// 使用 [] 来定义数组类型 const arr1: string[] = ["foo", "bar", "baz"]; // 使用 Array<ElementType> 的方式来定义数组类型 const arr2: Array<number> = [1, 2, 3, 4];
元组类型
元组类型是 TypeScript 中相对较为特殊的类型，它允许定义元素数量和每个元素类型的数组类型。
示例代码如下：
const student: [string, number] = ["Tom", 20];
对象类型
在 TypeScript 中，可以通过 {} 来定义一个对象类型。对象类型包含了多个属性，每个属性都有一个名称和类型。
示例代码如下：
type Person = {
name: string;
age: number;
gender: "male" | "female"; // 字符串字面量类型
readonly id: number; // 只读属性
};函数类型
在 TypeScript 中，通过以下方式来定义函数类型：
const myFunc: (a: number, b: number) => number = function(a: number, b: number): number {
return a + b;
};类类型
类类型是一种引用类型，用来描述类实例的类型。可以使用 class 关键字来定义类类型。
示例代码如下：
-- -------------------- ---- -------
----- ------ -
----- -------
---- -------
----------------- ------- ---- ------- -
--------- - -----
-------- - ----
-
-
----- ---- ------ - --- ------------- ----接口类型
接口类型是一种描述对象、函数、类等结构的类型。接口定义了一个约定，规定了结构应该如何组织、应该包含哪些属性。
-- -------------------- ---- -------
--------- ------- -
----- -------
---- -------
------- ------ - ---------
----------- -----
-
----- ------- ---------- ------- -
----- -------
---- -------
------- ------ - ---------
----------------- ------- ---- ------- ------- ------ - --------- -
--------- - -----
-------- - ----
----------- - -------
-
---------- -
------------------- - -- ----------------
-
-结论
以上是 TypeScript 中常见的类型定义方式。正确地定义类型可以帮助我们减少代码中的错误，并且使代码更加容易维护和扩展。当然，这并不是全部的 TypeScript 类型定义方式，学习更多类型定义方式可以访问 TypeScript 官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67184f15ad1e889fe229d3b8