TypeScript学习【1】TypeScript 的简单基础类型

基本语法

我们可以把 TypeScript 代码的编写看作是为 JavaScript 代码添加类型注解。

在 TypeScript 语法中，类型的标注主要通过类型后置语法来实现：

let num = 1;

示例中的语法同时符合 JavaScript 语法和 TypeScript 语法。

而 TypeScript 语法与 JavaScript 语法的区别在于，我们可以在 TypeScript 中显式声明变量num仅仅是数字类型，也就是说只需在变量num后添加: number类型注解即可：

let num: number = 1;

同理，我们也可以把:后的number换成其他的类型（比如 JavaScript 原始类型：number、string、boolean、null、undefined、symbol 等）

原始类型

在 JavaScript 中，原始类型指的是非对象且没有方法的数据类型，它包括 string、number、bigint、boolean、undefined 和 symbol 这六种 （null 是一个伪原始类型，它在 JavaScript 中实际上是一个对象，且所有的结构化类型都是通过 null 原型链派生而来）。

在 JavaScript 语言中，原始类型值是最底层的实现，对应到 TypeScript 中同样也是最底层的类型。

字符串

所有 JavaScript 支持的定义字符串的方法，都可以直接在 TypeScript 中使用：

let firstName: string = 'Jae'; // 字符串字面量
let familyName: string = String('Wong'); // 显示类型转换
let fullName: string = `my name is ${firstName} ${familyName}`; // 模板字符串

数字

同样，我们可以使用number类型表示 JavaScript 已经支持或者即将支持的十进制整数、浮点数，以及二进制数、八进制数、十六进制数，如下所示：

/** 十进制整数 **/
let integer: number = 7;
/** 十进制整数 **/
let integer2: number = Number(77);
/** 十进制浮点数 **/
let decimal: number = 3.14
/** 二进制整数 **/
let binary: number = 0b1010;
/** 八进制整数 **/
let octal:number = 0o744;
/** 十六进制整数 **/
let hex: number = 0xf00d;

如果使用较少的大整数，那么我们可以使用bigint类型来表示：

let bigNum: bigint = 100n

布尔值

可以使用boolean表示 True 或者 False，如下所示：

let good: boolean = true;
let bad: boolean = false;

Symbol

自 ECMAScript 6 起，TypeScript 开始支持新的Symbol原始类型， 即我们可以通过Symbol构造函数，创建一个独一无二的标记；同时，还可以使用symbol表示如下代码所示的类型:

let sym1: symbol = Symbol();
let sym2: symbol = Symble('77');

静态类型检测

在编译时期，静态类型的编程语言即可准确地发现类型错误，这就是静态类型检测的优势。

在编译（转译）时期，TypeScript 编译器将通过对比检测变量接收值的类型与我们显示注解的类型，从而检测类型是否存在错误。如果两个类型完全一致，显示检测通过；如果两个类型不一致，它就会抛出一个编译期错误，告知我们编码错误，具体示例如下代码所示：

const realNum: number = 42;
const fakeNum: number = '42'; // ts(2322) Type 'string' is not assignable to type 'number'