插件窝 干货文章 typescript数据类型第二讲解

typescript数据类型第二讲解

strong 数组 类型 枚举 148    来源:    2024-10-19
typescript 数据类型包括:数组: 可存储一系列元素的集合,元素类型可变。枚举: 表示一组相关常量的集合,常量值使用逗号分隔。接口: 定义一组属性和方法的蓝图,用于定义对象结构。

TypeScript 数据类型第二讲

在第一讲中,我们介绍了 TypeScript 的基本数据类型。本讲我们将深入探讨更高级的数据类型,包括数组、枚举和接口。

数组

数组是一种可以存储一系列元素的数据类型。TypeScript 中的数组使用方括号 [] 表示,元素之间用逗号分隔。数组的元素可以是任何数据类型,包括其他数组。

let numbers: number[] = [1, 2, 3];
let mixed: (string | number)[] = ["John", 100, true];

枚举

枚举是一种表示一组相关常量的数据类型。TypeScript 中的枚举使用 enum 关键字定义,并使用逗号分隔常量值。

enum Colors {
  Red,
  Green,
  Blue,
  Yellow
}

let myColor: Colors = Colors.Red;

接口

接口定义了一组属性和方法,充当 TypeScript 中的"蓝图"。它用于定义对象的结构,但不会创建实际的对象。

interface Person {
  name: string;
  age: number;
  sayHello(): void;
}

let john: Person = {
  name: "John",
  age: 30,
  sayHello() {
    console.log("Hello!");
  }
};

示例使用

下面的代码段演示了这些数据类型的用法:

let numbers: number[] = [1, 2, 3];
let colors: Colors = Colors.Red;
let person: Person = {
  name: "John",
  age: 30,
  sayHello() {
    console.log("Hello!");
  }
};

console.log(numbers);
console.log(colors);
person.sayHello();

输出:

[1, 2, 3]
Red
Hello!