TypeScript基础与核心语法解析

TypeScript（TS）诞生于微软，是JavaScript的超集，为静态类型语言提供了编译器支持。它通过类型系统提升代码可靠性，减少运行时错误。以下将从基础语法到核心特性，为你解析国产TS的使用要点。

1.1为什么选择TypeScript？

国产TS的🔥优势虽然TypeScript由微软主导，但其开源生态（如ESLint、Webpack、Vite）已广泛应用于全球。国产开发者可以选择：

自主部署：使用国内主流的编译器（如tsc或swc）和工具链（如esbuild）。性能优化：国产TS编译器（如swc）在速度上已超越传统tsc，适合大规模项目。社区支持：国内前端社区（如Vue.js、React）均积极使用TS，提供丰富的教程和库。

常见误区：

“TS只适合大型项目”：实际上，TS在小型项目中也能显著减少bug（如类型检查）。“国产TS不稳定”：国产社区正在推动标准化，如@typescript-eslint的国内版本（如typescript-eslint-zh）。

1.2TypeScript基础🔥语法

1.2.1变量与类型TS支持JavaScript的变量声明，但加入了静态类型：

letname:string="张三";//明确类型constage:number=25;varoldWay:boolean=false;//可选（避免使用）

关键点：

let/const：可重新赋值或不可变。类型推导：TS会自动推断类型（如letx=10→x:number）。类型注解：手动指定类型（如letx:number）。

疑问解答：

“为什么我不能用let重新赋值？”→TS在编译时检查变量类型，let默认允许重新赋值（如letx:number=10;x="hello"会报错）。

1.2.2函数与类型

functionadd(a:number,b:number):number{returna+b;}

高级用法：

默认参数：functiongreet(name:string="世界"):void{...}可选参数：functionsetColor(color:string,size?:number):void{...}Rest参数：functionsum(...nums:number[]):number{...}

疑问解答：

“函数返回类型为什么要写?”→省略时默认为void（无返回值），如functionlog():void{console.log("Hello");}。

1.3类型推导与工具链

1.3.1类型推导TS会自动推断类型，但有时需要手动指定：

constarr:number[]=[1,2,3];//明确数组类型constarr2=[1,2,3];//TS推断为`number[]`

疑问解答：

“为什么数组类型推导不准确？”→使用typeof或Array.isArray()检查类型：constarr:unknown[]=[1,2];if(Array.isArray(arr)){...}

1.3.2国产TS工具链

swc（SWC）：国产🏭TypeScript编译器，速度快，适合大型项目。npminstall-gswcswc--init#初始化配置esbuild：快速打包🎁工具，支持TS。npminstallesbuildesbuildsrc/index.ts--bundle--outfile=dist/bundle.jstsconfig.json：核心配置文件，示例：{"compilerOptions":{"target":"ES6","module":"ESNext","strict":true,"esModuleInterop":true}}

1.4面向对象与接口

1.4.1类与继承

classPerson{name:string;constructor(name:string){this.name=name;}greet():void{console.log(`Hello,${this.name}`);}}classStudentextendsPerson{age:number;constructor(name:string,age:number){super(name);this.age=age;}}

疑问解答：

“为什么super()不能直接调用？”→在构造函数中必须使用super()，否则会报错。

1.4.2接口与类型

interfaceUser{id:number;name:string;}constuser:User={id:1,name:"Alice"};

高级用法：

交叉类型：typeUserRole=User&{role:string}映射类型：typeKeys=keyofT

总结TypeScript的核心在于类型系统和工具链的结合。通过本部分，你已掌握基础语法、类型推导、工具链配置，并解决了常见的“类型报错”、“工具链配置”等问题。下一部分将深入高级特性（如泛型、装饰器、模块系统）和国产TS的实战应用，帮助你在实际项目中高效使用TS。

下一步：

Part2将解析泛型、装饰器、模块系统，并📝结合国内开发场景，提供实战代码和配置指南。关注国产TS社区的最新动态，如swc的性能优化、esbuild的插件支持等📝。

校对：李瑞英(QVIBpzIYYzgj5mf6ZClkvzXhuvBIbj)