返回

TypeScript 类型系统的基础知识:初学者指南

前端

TypeScript 是 JavaScript 的一个流行的超集,它增加了静态类型检查的功能,允许开发人员在编码时捕获错误,并有助于改善代码的可读性和可维护性。在本教程中,我们将探讨 TypeScript 基础类型,包括变量、常量、数据类型以及类型系统的工作原理。

变量和常量

变量用于在程序中存储数据,常量则用于存储不会改变的值。在 TypeScript 中,变量和常量都必须先声明,然后才能使用。

变量

变量的声明方式如下:

let variableName: type = value;

其中,variableName 是变量的名称,type 是变量的数据类型,value 是变量的初始值。

例如,以下代码声明了一个名为 age 的变量,并将其初始化为 30:

let age: number = 30;

常量

常量的声明方式如下:

const constantName: type = value;

其中,constantName 是常量的名称,type 是常量的的数据类型,value 是常量的初始值。

例如,以下代码声明了一个名为 PI 的常量,并将其初始化为 3.14:

const PI: number = 3.14;

数据类型

TypeScript 中的数据类型包括:

  • 基本类型 :包括 numberstringbooleannullundefined
  • 复合类型 :包括 arraytupleenumobject
  • 自定义类型 :包括 interfaceclass

基本类型

基本类型是最简单的类型,它们没有子类型。

  • number :用于表示数字,可以是整数或小数。
  • string :用于表示字符串,可以包含字母、数字、符号和其他字符。
  • boolean :用于表示布尔值,可以是 truefalse
  • null :表示空值。
  • undefined :表示未定义的值。

复合类型

复合类型是由多个基本类型组成的。

  • array :用于存储一组相同类型的数据。
  • tuple :用于存储一组不同类型的数据,并且数据的数量和顺序是固定的。
  • enum :用于定义一组常量。
  • object :用于存储一组键值对。

自定义类型

自定义类型是使用 interfaceclass 定义的。

  • interface :用于定义对象的形状,即对象的属性和方法。
  • class :用于定义对象的具体实现,包括属性、方法和构造函数。

类型系统

TypeScript 的类型系统用于检查变量和常量的类型是否匹配。如果类型不匹配,TypeScript 会报错。

类型系统的基本规则如下:

  • 变量和常量的类型必须在声明时指定。
  • 变量和常量的值必须与它们的类型相匹配。
  • 变量和常量的类型不能随意更改。

结论

本教程介绍了 TypeScript 基础类型,包括变量、常量、数据类型以及类型系统的工作原理。通过这些基本知识,初学者可以快速上手 TypeScript,并掌握它的核心概念。