《TypeScript》 - 简介与安装

·  阅读 38

这是我参与8月更文挑战的第11天,活动详情查看:8月更文挑战

TypeScript是什么

  • TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。
  • TypeScript 由微软开发的自由和开源的编程语言。
  • TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

为什么使用TypeScript

语言特性

TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括:

类型批注和编译时类型检查、类型推断、类型擦除、接口、枚举、Mixin、泛型编程、名字空间、元组、Await。

以下功能是从 ECMA 2015 反向移植而来:

类、模块、lambda 函数的箭头语法、可选参数以及默认参数。

综上,TypeScript的出现,是由于JavaScript还不够健壮,不够成熟,所以在大型项目面前会有些力不从心,所以TypeScript参考其他开发语言对JS加以封装,进行规范。

JavaScript 与 TypeScript 的区别

TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

第一个 TypeScript 实例

// hello.ts
const stringValue: string = 'Hello World.';
console.log(stringValue);
复制代码

测试结果 在下一个章节中介绍ts, ts-node的安装使用。

安装

NPM 安装 TypeScript

npm install -g typescript
复制代码

安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号:

C:\Users\Administrator>tsc -v
Version 3.9.7
复制代码

TS安装

TS文件执行过程

第一步: 创建TS文件,通常我们使用 .ts 作为 TypeScript 代码文件的扩展名: 创建.ts文件

第二步: 转换TS文件成JS文件,利用tsc命令将 TypeScript 转换为 JavaScript 代码 同时编译多个ts文件:tsc file1.ts file2.ts file3.ts 转换TS为JS

第三步:使用 node 命令来执行JavaScript 代码文件 运行JS

利用ts-node直接运行ts文件

当然,TS也可以不转换成js直接运行,那就利用ts-node可以完成。 安装ts-node:

npm install -g ts-node
复制代码

ts-node安装 运行结果 通过上图可以看出,ts文件在不经过生成js文件的情况下也可以被运行。

分类:
前端
标签:
分类:
前端
标签: