环境搭建"/>
【TypeScript】TypeScript学习 — TS基础及环境搭建
目录
- 一、TypeScript
- 二、TypeScript和JavaScript的区别
- 三、第一个TypeScript实例
- 3.1 全局安装typescript
- 3.2 新建ts文件
- 3.3 ts自动编译成js
一、TypeScript
TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。
TypeScript 由微软开发的自由和开源的编程语言。
TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。
也就是说,ts和js类似于c++和c的关系。
TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括:
- 类型批注和编译时类型检查
- 类型推断
- 类型擦除
- 接口
- 枚举
- Mixin
- 泛型编程
- 名字空间
- 元组
- Await
以下功能是从 ECMA 2015 反向移植而来:
- 类
- 模块
- lambda 函数的箭头语法
- 可选参数以及默认参数
二、TypeScript和JavaScript的区别
TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。
三、第一个TypeScript实例
3.1 全局安装typescript
npm install -g typescript
使用tsc -v查看当前版本。
3.2 新建ts文件
const str: string = "Hello TypeScript!";
console.log(str)
如果直接使用node运行这个ts文件
可以看到node是不支持ts的语法的,必须使用tsc将ts转译为js代码。
使用tsc命令后,会自动生成一个转译后的js文件,我们再使用node运行js文件即可。
3.3 ts自动编译成js
根目录下:
tsc --init
此时项目中会出现配置文件tsconfig.json,修改outDir配置:
然后在终端中运行任务:
此时vscode便会自动将ts文件转换为js文件并放在’outDir’的目录下面。
更多推荐
【TypeScript】TypeScript学习 — TS基础及环境搭建
发布评论