🧪 Frontend Lab
交互式前端学习实验室

TypeScript 基本类型

typescript · beginner · 15-20 min · Step 1/4

为什么需要 TypeScript?

JavaScript 是动态类型的,变量可以是任意类型:

let x = 'hello';
x = 42;        // JavaScript: 没问题
x = true;      // JavaScript: 也没问题

TypeScript 加入了类型注解

let x: string = 'hello';
x = 42;        // TypeScript: ❌ 类型错误!

基本类型

类型示例说明
string'hello'字符串
number42, 3.14数字(整数+浮点)
booleantrue, false布尔值
number[][1, 2, 3]数字数组
string[]['a', 'b']字符串数组
[string, number]['Alice', 25]元组

函数类型注解

function add(a: number, b: number): number {
  return a + b;
}

// 箭头函数
const multiply = (a: number, b: number): number => a * b;
TypeScript 的类型在编译后会被完全移除,运行时是纯 JavaScript。