TypeScript 入门必读：3分钟掌握基础类型

TypeScript 作为 JavaScript 的超集, 不仅完全支持 JavaScript 的所有数据类型, 还扩展了一些实用的类型系统特性, 比如枚举类型(enum)。本文将详细介绍 TypeScript 中的基本数据类型。

数值类型 (Number)

TypeScript 中使用number 类型来表示数值, 可以表示整数和浮点数:

let num: number;
num = 123;        // 十进制
console.log(num); // 输出: 123

number类型示例

TypeScript 会进行严格的类型检查, 如果尝试将其他类型的值赋给 number 类型的变量, 编译器会报错:

let value: number;
value = "BNTang"; // Error: Type 'string' is not assignable to type 'number'

类型错误示例

进制表示

number 类型支持多种进制表示方式:

let num: number;
num = 0x11;   // 十六进制
num = 0o11;   // 八进制
num = 0b11;   // 二进制
console.log(num);

进制表示示例

布尔类型 (Boolean)

使用boolean 类型来表示逻辑值, 只能赋值 true 或 false:

let isDone: boolean;
isDone = true;
console.log(isDone); // 输出: true

布尔类型示例

字符串类型 (String)

使用string 类型来表示文本数据。TypeScript 支持使用单引号(')、双引号(")和模板字符串(`):

let name: string;
name = "BNTang";
console.log(name);

字符串类型示例

模板字符串特性

模板字符串提供了一种方便的方式来嵌入表达式:

let age: number = 18;
let info: string = `年龄：${age}`;
console.log(info);

模板字符串示例

❝提示: TypeScript 的类型系统帮助我们在开发阶段就能发现潜在的类型错误, 提高代码的可靠性和可维护性。

通过使用这些基本类型, 我们可以更好地描述和约束变量的数据类型, 让代码更加健壮和易于维护。在实际开发中, 合理使用类型注解可以帮助我们避免很多常见的编程错误。