TypeScript高级编程与工程化培训
【培训对象】
前端开发工程师、后端开发工程师(Node.js)、全栈工程师,希望从JavaScript进阶到TypeScript,提升代码质量和工程化水平的技术人员。
【培训目标】
一、 深入理解TypeScript的类型系统,掌握基础类型、高级类型和类型编程技巧。
二、 能够将TypeScript应用于实际项目开发,包括React/Vue/Node.js等不同技术栈。
三、 掌握TypeScript的工程化配置,包括编译选项、模块解析、构建工具集成和代码检查。
四、 具备使用TypeScript编写高质量、可维护、可复用代码的能力,减少运行时错误。
【培训内容介绍】
一、 TypeScript概述与优势:静态类型检查的优势、TypeScript与JavaScript关系、开发环境搭建(ts-node/tsx)。
二、 基础类型系统:原始类型、数组/元组、枚举(Enum)、任意类型(any/unknown)、void/never类型。
三、 接口(Interface)与类型别名(Type):接口定义、可选属性/只读属性、函数类型接口、可索引类型、接口继承。
四、 类(Class)与面向对象:类定义、访问修饰符(public/private/protected)、抽象类、类与接口关系。
五、 函数类型:函数参数类型、返回值类型、可选参数/默认参数/剩余参数、函数重载。
六、 泛型(Generics):泛型函数、泛型接口、泛型类、泛型约束、条件类型与映射类型基础。
七、 高级类型:交叉类型(Intersection)、联合类型(Union)、类型保护(Type Guards)、类型断言、索引类型查询(keyof)。
八、 类型编程进阶:条件类型(Conditional Types)、映射类型(Mapped Types)、模板字面量类型、infer关键字。
九、 模块与命名空间:ES模块系统、模块解析策略、命名空间(namespace)使用场景。
十、 TypeScript工程化配置:tsconfig.json详解(compilerOptions关键配置)、构建工具集成(Webpack/Vite)、类型声明文件(.d.ts)编写。
十一、 框架集成实践:React+TypeScript(Props类型/状态类型/事件类型)、Vue+TypeScript(defineComponent/组合式API类型推导)。
十二、 实战演练:将一个现有的JavaScript项目重构为TypeScript项目,包含类型定义、泛型工具和工程化配置。