TypeScript学习笔记

TypeScript设计目标是开发大型项目,编译成纯JavaScript,让其可以运行在任何浏览器上 TypeScript可以增强IDE的交互和反馈,主流IDE都支持TypeScript TypeScript实质上就是JavaScript的扩展,JavaScript超集 TypeScript具备类型检查,静态类型,JSnext属性和方法,以及还在提案阶段的语法(例如装饰器) TypeScript本身并不能在浏览器运行,需要进行编译成JavaScript(tsc编译) 全局安装typescript yarn global add typescript 或者 npm install -g typescript 安装ts-node(node不能直接运行ts文件,需要安装ts-node包) npm install -g ts-node ts-node运行(不需要编译成js文件,直接运行ts) ts-node hallo.ts 检查是否安装成功 tsc -v 使用TypeScript编写的文件统一以.ts为后缀,用ts写React,统一以.tsx为后缀 创建tsconfig.json npx tsc –init 执行(不加任何参数,这样才能使用tsconfig.json配置文件,tsc默认对当前根目录的ts文件进行编译) tsc 或者指定编译的文件 tsc ./src/index.ts tsc ./src/index.ts -t es6 -m cjs 注意:cjs标准只能存在一个顶级导出(mudule.exports),如果存在其他exports的话会被忽略,因此要么不用mudule.exports,要么只使用一个mudule.exports 编译指定ts文件(在compilerOptions同级) “include”:["./test1.ts"] // 指定编译哪个ts文件 “excclude”:["./test.ts"] // 指定不编译哪个ts文件 编译TypeScript文件 tsc hallo.ts 变量声明 推荐使用const和let声明变量,而不要使用var声明(因为var具有变量提升和重定义) 基础类型 TypeScript具有强类型的特点 boolean,string,number,array,null,undefined,object,tuple,enum,void,never,any boolean布尔值,例如: let hallo: boolean = true number数值,例如: let hallo: number = 123;...

2021-07-18 · 10 min · Me