【TypeScript】TypeScript学习 — TS基础及环境搭建

环境搭建"/>

【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’的目录下面。