JS TypeScript 类型详解

在 JavaScript 中，类型系统相对宽松，这在带来灵活性的同时，也可能导致一些潜在的问题。而 TypeScript 作为 JavaScript 的超集，引入了静态类型系统，为开发者提供了更强大的类型检查能力。

基本类型

数字类型（Number）

在 TypeScript 中，数字类型表示整数和浮点数。例如：

let num: number = 10;
num = 3.14;

字符串类型（String）

字符串类型用于表示文本数据。

let str: string = "Hello, TypeScript";

布尔类型（Boolean）

布尔类型只有两个值：true 和 false。

let isDone: boolean = false;

数组类型

类型 + 方括号

可以通过指定元素类型加上方括号来定义数组。

let numArray: number[] = [1, 2, 3];

数组泛型

也可以使用数组泛型 Array<元素类型> 来定义数组。

let strArray: Array<string> = ["a", "b", "c"];

对象类型

接口（Interface）

接口用于定义对象的形状。

interface Person {
  name: string;
  age: number;
}

let person: Person = {
  name: "Alice",
  age: 30
};

类型别名（Type Alias）

类型别名也可以用于定义对象类型。

type Point = {
  x: number;
  y: number;
};

let point: Point = {
  x: 10,
  y: 20
};

函数类型

函数声明

可以为函数参数和返回值指定类型。

function add(a: number, b: number): number {
  return a + b;
}

函数表达式

let subtract: (a: number, b: number) => number = function(a, b) {
  return a - b;
};

联合类型

联合类型表示一个值可以是多种类型中的一种。

let value: string | number;
value = "hello";
value = 42;

类型断言

当你比 TypeScript 更明确一个值的类型时，可以使用类型断言。

let someValue: any = "this is a string";
let strLength: number = (someValue as string).length;

类型推断

TypeScript 具有强大的类型推断能力。

let num = 5; // 推断为 number 类型
let arr = [1, 2, 3]; // 推断为 number[] 类型

TypeScript 的类型系统为 JavaScript 开发带来了更多的安全性和可维护性。通过合理运用各种类型，开发者可以在编写代码时更早地发现潜在的错误，提高代码质量。无论是开发小型项目还是大型企业级应用，TypeScript 的类型系统都能发挥重要作用，帮助团队更高效地协作开发。