1. 什么是TypeScript？
TypeScript 是 JavaScript 的超集。通俗点来讲就是在 JavaScript 的类型的基础上又拓展了很多新的类型（可选的静态类型和基于类的面向对象编程）且100%兼容 JavaScript。下图可以直观的表示它们的关系：
1.1 TypeScript 与 JavaScript 的区别
| TypeScript | JavaScript |
|---|---|
| 用于解决大型项目代码的复杂性 | 一种脚本语言，用于创建动态网页 |
| 可以在编译期间发现并纠正错误 | 只能在运行时发现错误 |
| 强类型，支持静态和动态类型 | 弱类型，没有静态类型 |
| 最终被编译成 JavaScript 代码，使浏览器可以理解 | 可以直接在浏览器中使用 |
| 支持模块、泛型和接口 | 不支持模块，泛型或接口 |
2. 基础数据类型
基础数据类型包括：Boolean Number String Null Undefined Symbol BigInt。
2.1 布尔值（boolean）
let isTrue: boolean = true;
或者
let isTrue: boolean = new Boolean();
2.2 数值（number）
let num: number = 666;
let notANumber: number = NaN;
2.3 字符串（string）
let myName: string = 'Cheers';
2.4 null 和 undefined
let u: undefined = undefined;
let n: null = null;
3. 新增数据类型
3.1 空值（void）
JavaScript 没有空值（Void）的概念，在 TypeScript 中，可以用 void 表示没有任何返回值的函数：
function alertMyName(): void {
alert("my name is Cheers");
}
3.2 任意值（Any）
任意值（Any） 用来表示允许赋值为任意类型。
通俗来讲这个值其实可有可无，因为即使你不写，默认不就是任意值吗。
let something;
something = 'six';
something = 6;
等价于
let something: any;
something = 'six';
something = 6;
3.3 联合类型（Union Types）
联合类型（Union Types）表示取值可以为多种类型中的一种。使用 | 分隔每个类型。
let something: string | number;
something = 'six';
something = 6;
- 访问联合类型的属性或方法
function getLength(something: string | number): number {
return something.length;
}
// index.ts(2,22): error TS2339: Property 'length' does not exist on type 'string | number'.
// Property 'length' does not exist on type 'number'.
上例中，length 不是 string 和 number 的共有属性，所以会报错。
访问 string 和 number 的共有属性是没问题的：
function getString(something: string | number): string {
return something.toString();
}
3.4 交叉类型（Intersection Types）
交叉类型（Intersection Types）将多个类型合并为一个类型。使用 & 合并每个类型。
interface foo {
x: number
}
interface bar {
b: number
}
type intersection = foo & bar
const result: intersection = {
x: 10,
b: 20
}
const result1: intersection = {
x: 10
} // error
未完待续。。。
