TypeScript概述
--摘抄自《TypeScript编程》Boris Cherny著 安道译
1、类型检查
多数情况下,JavaScript不在乎你使用的是什么类型,它会尽自己所能把你提供的值转换成预期的类型,譬如说数字和字符串相加时。而TypeScript会在编译时对代码做类型检查,即将TypeScript编译成JavaScript时做类型检查。TypeScript在编译时报告句法和类型相关的错误,实际上,这些错误会在代码编辑器中显示,输入代码后立即就有反馈。
2、创建一个TypeScript Demo
1) 新建一个文件夹
mkdir chapter-2
cd chapter-2
2)初始化一个新的NPM项目,即生产package.json文件
npm init
3)安装TSC、TSLint和NodeJS的类型声明
npm install --save-dev typescript tslint @types/node
4)在根目录中新建一个名为tsconfig.json的文件
5)新建src文件夹,并创建文件index.ts
6)编辑,输入ts代码
7)使用tsc编译TypeScript
./node_modules/.bin/tsc
8) 使用NodeJS运行代码
node ./dist/index.js
3、tsconfig.json文件说明
每个TypeScript项目都应该在根目录中放一个名为tsconfig.json的文件,在该文件中定义要编译哪些文件、把文件编译到哪个目录中,以及使用哪个版本的JavaScript运行。
1 2 3 4 5 6 7 8 9 10 11 12 13 | { "compilerOptions" : { "lib" : [ "es2015" ], // TSC假定运行代码的环境中有哪些API? "module" : "commonjs" , // TSC把代码编译成哪个模块系统(CommonJS、SystemJS、ES2015等) "outDir" : "dist" , // TSC把生产的Javascript代码放在哪个文件夹中 "sourceMap" : true , "strict" : true , // 强制所有代码都正确声明了类型 "target" : "es2015" }, "include" : [ // TSC在哪个文件夹中寻找TypeScript文件 "src" ] } |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通