TypeScript 是什么?
TypeScript (简称: TS )是 JavaScript 的超集 ( JS 有的 TS 都有)。 TypeScript = Type + JavaScript (在 JS 基础之上,为 JS 添加了类型支持)。 TypeScript 是微软开发的开源编程语言,可以在任何运行 JavaScript 的地方运行。
TypeScript 为什么要为 JS 添加类型支持?
因为JS 类型系统存在“先天缺陷”, JS 代码中绝大部分错误都是类型错误( Uncaught TypeError )。 那么,增加了找 Bug、改 Bug 的时间,严重影响开发效率。
从编程语言的动静来区分, TypeScript 属于静态类型的编程语言, JS 属于动态类型的编程语言。
- 静态类型:编译期做类型检查;
- 动态类型:执行期做类型检查。
代码编译和代码执行的顺序: 1 编译 2 执行。
- 对于 JS 来说:需要等到代码真正去执行的时候才能发现错误 。
- 对于 TS 来说:在代码编译的时候(代码执行前)就可以发现错误 。 并且,配合 VSCode 等开发工具, TS 可以提前到在编写代码的同时就发现代码中的错误, 减少找 Bug、改 Bug 时间
TypeScript的优势
- 更早(写代码的同时)发现错误, 减少找 Bug、改 Bug 时间 ,提升开发效率。
- 程序中任何位置的代码都有代码提示 ,随时随地的安全感,增强了开发体验。
- 强大的类型系统提升了代码的可维护性,使得重构代码更加容易。
- 支持最新的 ECMAScript 语法 ,优先体验最新的语法,让你走在前端技术的最前沿。
- TS 类型推断机制, 不需要在代码中的每个地方都显示标注类型 ,让你在享受优势的同时,尽量降低了成本。
安装
Node.js/浏览器,只认识 JS 代码,不认识 TS 代码。需要先将 TS 代码转化为 JS 代码, 然后才能运行
安装编译 TS 的工具包: npm i -g typescript
1.创建ts文件
2.在终端输入命令,tsc hello.ts,生成js文件
简化步骤
由于每次修改代码后 ,都要重复执行两个命令 ,才能运行 TS 代码, 太繁琐。
简化方式 :使用 ts-node 包, 直接在 Node.js 中执行 TS 代码。
安装命令: npm i -g ts-node (ts-node 包提供了 ts-node 命令)。
使用方式:ts-node hello.ts。
新版本 更新需要额外的插件依赖(当前项目下) npm install -D tslib @types/node
使用命令:ts-node hello.ts