这是我参与「第五届青训营 」笔记创作活动的第4天。
前言
本节课程我学会了TS以下几点。
- 对Typescript 见解
- Typescript 基础语法，包括类型、泛型、类型别名、类型字面量等
- Typescript 高级类型讲解及实例
- Typescript 工程应用
什么是TypeScript
-
1.静态类型：
-
（1）可读性增强：基于语法解析TSDoc，ide增强
-
（2）可维护性增强：在编译阶段暴露大部分错误--》多人合作的大型项目中，获得更好的稳定性和开发效率
-
-
2.JS的超集
-
(1)包含于兼容所有JS特性，支持共存
-
（2)支持渐进式引入与升级
-
基本语法
TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括：类型批注和编译时类型检查
- 类型推断
- 类型擦除
- 接口
- 枚举
- Mixin
- 泛型编程
- 名字空间
- 元组
- Await
JavaScript 与 TypeScript 的区别
TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。
我们可以通过以下两种方式来安装 TypeScript：
- 通过 Node.js 包管理器 (npm)
- 通过 Visual Studio code。
通过 npm 按安装的步骤：
1、安装 npm
$ curl http://npmjs.org/install.sh | sh
$ npm --version
2.15.1
2、安装 TypeScript npm 包：
$ npm install -g typescript
安装完成后我们就可以使用 TypeScript 编译器，名称叫 tsc，可将编译结果生成 js 文件。
要编译 TypeScript 文件，可使用如下命令：
tsc filename.ts
一旦编译成功，就会在相同目录下生成一个同名 js 文件，你也可以通过命令参数来修改默认的输出名称。 默认情况下编译器以ECMAScript 3（ES3）为目标但ES5也是受支持的一个选项。TypeScript增加了对为即将到来的ECMAScript 6标准所建议的特性的支持。
TypeScript Hello World
首先，我们创建一个 index.html 文件：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Learning TypeScript</title>
</head>
<body>
<script src="hello.js"></script>
</body>
</html>
创建 hello.ts 文件， *.ts 是 TypeScript 文件的后缀，向 hello.ts 文件添加如下代码：
alert('hello world in TypeScript!');
接下来，我们打开命令行，使用 tsc 命令编译 hello.ts 文件：
$ tsc hello.ts
总结
TypeScript具有类型系统，且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器，任意环境，任意系统并且是开源的。 TypeScript目前还在积极的开发完善之中，不断地会有新的特性加入进来。因此需要不停的学习，不停的强大！
