返回

Typescript 基本类型漫谈:深入浅出,让你真正掌握!

前端

Typescript 是近年来备受瞩目的编程语言,它在 JavaScript 的基础上增加了类型系统,使得 JavaScript 代码更加健壮和可靠。Typescript 的基本类型包括:

  • 布尔类型 (boolean) :表示真或假的值。
  • 数字类型 (number) :表示整数和小数。
  • 字符串类型 (string) :表示一串字符。
  • 空类型 (null) :表示一个空值。
  • 未定义类型 (undefined) :表示一个未定义的值。
  • Symbol 类型 (symbol) :表示一个唯一的标识符。

在 Typescript 中,变量和函数的参数都可以指定类型。例如:

let name: string = "John Doe";
function greet(name: string): void {
  console.log("Hello, " + name + "!");
}

在上面的代码中,变量 name 被指定为字符串类型,函数 greet 的参数 name 也被指定为字符串类型。这意味着 name 只能存储字符串值,greet 函数只能接受字符串参数。

除了基本类型之外,Typescript 还支持更高级的类型,如:

  • 数组类型 (Array) :表示一个元素类型为 T 的数组。例如:
let numbers: Array<number> = [1, 2, 3];
  • 联合类型 (A | B) :表示一个可以是类型 A 或类型 B 的值。例如:
let numberOrString: number | string = 1;
  • 枚举类型 (enum) :表示一组命名常量。例如:
enum Color {
  Red,
  Green,
  Blue
}
  • 元组类型 (tuple) :表示一个固定长度的元素列表。例如:
let person: [string, number] = ["John Doe", 30];
  • 接口类型 (interface) :表示一组属性和方法的集合。例如:
interface Person {
  name: string;
  age: number;
  greet(): void;
}

Typescript 的类型系统非常强大,它可以帮助我们编写出更加健壮和可靠的代码。