TS学习笔记（九）：Symbol 和模块

在 TypeScript 里面使用 Symbol 和模块，实质和 ES6 中的使用方法基本一致，没什么新鲜的玩法。

Symbol

ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，它是 JavaScript 语言的第七种数据类型。

声明 symbol

使用 Symbol() 函数我们可以申明一个 Symbol 变量，注意不能使用 new 命令，因为它是原始数据类型；Symbol 函数也可以接受一个字符串作为参数，主要是方便当 Symbol 转化为字符串时，比较容易区分，该传入的参数在 ES2019 中支持通过 description 这个实例属性来访问。

let sym: symbol = Symbol();
const ename: unique symbol = Symbol('funlee'); // 使用了 unique 得用 const 定义变量

console.log(typeof sym); // symbol
console.log(ename); // Symbol(test)
console.log(ename.toString()); // Symbol(test)
console.log(ename.decrition); // Symbol(test) // 在ES2019

用作对象属性的键

就像字符串一样，Symbol 值可以作为对象的属性名，在对象的内部，Symbol 值必须放在方括号内。

const ename: unique symbol = Symbol();
const a = {
    [ename]: 'funlee',
}

console.log(a[ename]); // funlee

模块

内部模块与外部模块

从 TypeScript 1.5 开始，把 内部模块 称做命名空间 ，把外部模块称为模块，是为了与 ES2015 里的术语保持一致。

外部模块，即表示不属于内部的，对于 TypeScript 来说，内部就是 .ts 文件，外部就是 .js 文件；我们知道引用 JS 文件，需要为它写 d.ts 文件，此时拥有 d.ts 的文件，我们可以把它看做 js + d.ts = .ts 。

引用 js 或者 ts 文件需要 import，我们把所有需要 import 的都叫做引用外部模块，因为模块是基于文件导入导出的，而内部模块就代表着 ts 内部的，同时它有一个别名叫做命名空间，命名空间的作用就是把一份代码分割到多个文件。

导入与导出

在 TypeScript 中，使用 export 导出模块，用 import 导入模块，这和 ES6 是一致的。

// a.ts
export interface IPerson {
    name: string;
    age: number;
}

// b.ts
import { IPerson } from './a';
const me: IPerson = {
    name: 'funlee',
    age: 18,
}
console.log(me); // {name: 'funlee', age: 18}

关于模块的整体导入（ import * as xxx from 'src/xxx' ）、默认导出（ export default ）、导入导出重命名等模块知识，便不再赘述，参考 ES6 相关文档。