TypeScript 是一种由 Microsoft 推出的编程语言,它是 JavaScript 的超集,可以编译成纯 JavaScript。TypeScript 为 JavaScript 添加了静态类型检查和面向对象编程的特性,使得代码更加易于维护和开发。本文将介绍 TypeScript 中的数据类型,并提供实用的示例代码和使用方法。
基本类型
TypeScript 中的基本类型与 JavaScript 相同,包括字符串、数值、布尔值、null 和 undefined。
字符串
字符串类型表示文本数据。字符串可以使用单引号或双引号,也可以使用模板字符串,模板字符串可以在内部使用表达式和变量。
示例代码:
let name: string = 'Tom'; let age: number = 18; let message: string = `Hello, my name is ${name}, I'm ${age} years old.`;
数值
数值类型表示数字。TypeScript 支持整数和浮点数。
示例代码:
let decimal: number = 6; let hex: number = 0xf00d; let binary: number = 0b1010; let octal: number = 0o744;
布尔值
布尔类型表示真假值。
示例代码:
let isDone: boolean = false; let isActive: boolean = true;
null 和 undefined
null 和 undefined 表示空值,它们是 TypeScript 的基础类型。
示例代码:
let num: number = null; let str: string = undefined;
高级类型
TypeScript 支持高级的数据类型和泛型,它可以更加精细和安全地描述数据。
数组
数组类型表示一组相同类型的数据。TypeScript 中的数组可以使用方括号或 Array 泛型来声明。
示例代码:
let list1: number[] = [1, 2, 3]; let list2: Array<number> = [1, 2, 3];
元组
元组类型表示固定长度和类型的数组,每个元素的类型可以不同。
示例代码:
let tuple: [string, number, boolean] = ['Tom', 18, true]; let name: string = tuple[0]; // 'Tom' let age: number = tuple[1]; // 18 let isActive: boolean = tuple[2]; // true
枚举
枚举类型是一种定义命名常量集合的方法,它可以使代码更加可读和可维护。
示例代码:
enum Color { Red, Green, Blue, } let color: Color = Color.Green; console.log(color); // 1
any
any 类型表示任意类型,它可以适用于那些编写时无法确定类型的代码。
示例代码:
let anyVar: any = 'Tom'; anyVar = 18; anyVar = true;
void
void 类型表示没有任何类型,它通常用于函数的返回值。
示例代码:
function log(message: string): void { console.log(message); }
never
never 类型表示不会出现的类型,它通常用于函数返回错误或抛出异常。
示例代码:
function throwError(message: string): never { throw new Error(message); } function infiniteLoop(): never { while (true) {} }
声明文件
TypeScript 可以使用声明文件来扩展 JavaScript 库的类型,声明文件通常以 .d.ts 为后缀,可以定义命名空间、类型和接口等。
示例代码:
-- -------------------- ---- ------- -- ----------- ------- --------- - - -------- --------- ------- ---------- ---- ----- - ------- --------- ------ - ----------------- -------- ------- ----------------- ------- ------ ------ - -------- ----- -
总结
TypeScript 提供了丰富的数据类型,包括基础类型、高级类型和泛型。合理使用 TypeScript 可以增强代码的可读性、可维护性和安全性,从而提高开发效率。在开发过程中需要根据具体需求选择合适的类型和声明文件。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6486837448841e9894511d2e