TypeScript 是 JavaScript 的超集,通过静态类型检查提升代码可维护性。以下是快速上手指南:
📋 1. 安装 TypeScript
npm install -g typescript
# 或使用 VS Code 内置支持(🛠️ 推荐)
🧱 2. 基础语法示例
// 变量类型声明
let message: string = "Hello, TypeScript!"; 📌
// 函数类型
function sum(a: number, b: number): number {
return a + b;
}
// 接口定义
interface User {
name: string;
age: number;
}
🔍 3. 类型系统核心概念
✅ 类型推断:
let x = 3; // TypeScript 推断为 number 类型
✅ 联合类型:
let points: number | string = "100"; 📌
✅ 类型断言:
let value: any = "hello";
let num = (<number>value) as number; 📌
🛠️ 4. 开发工具推荐
- 🧪 TypeScript Playground:在线实时编译测试
- 📦 VS Code 插件:智能提示与错误检查
- 🔄 TypeScript 编译器配置:tsc 参数详解
🚀 5. 实战技巧
- 使用
@types
安装第三方库类型定义 - 启用
strict
模式强化类型检查 - 结合 TypeScript + React 开发高效前端应用
📚 6. 扩展阅读
深入理解 TypeScript 类型守卫
TypeScript 高级类型技巧