TypeScript入门与类型系统学习笔记.docxVIP

TypeScript入门与类型系统学习笔记

TypeScript为JavaScript增加了静态类型系统，能在编码阶段捕获大量运行时错误，已成为中大型前端项目与全栈开发的事实标准。本文档从环境配置讲起，系统梳理类型基础、接口与泛型、类型收窄与工程化实践，帮助读者快速建立类型思维。

一、环境配置与基础类型

1.1环境搭建

TypeScript编译器tsc将类型注解擦除并输出JavaScript。工程中推荐使用ts-node或Vite等构建工具集成，省去手动编译。tsconfig.json是工程的核心配置，初次配置可用npxtsc--init生成再精简。

{

compilerOptions:{

target:ES2020,

module:ESNext,

moduleResolution:bundler,

strict:true,

noUncheckedIndexedAccess:true,

outDir:dist

},

include:[src]

}

strict:true是最重要的开关，它聚集了strictNullChecks（空值检查）、noImplicitAny（禁用隐式any）等一系列子选项，建议新项目始终开启，这是TypeScript价值的一半所在。

1.2基础类型注解

基础类型包括strin