TypeScript模块化

本节课我们来开始了解 TypeScript 中模块的用法。

一．模块化

1. 模块化可以用来复用和组织我们的代码，避免代码重名，也方便分离；

2. 模块也就是 export( 导出 ) 和 import( 引入 ) ， ES6 讲解过，这里不在赘述；

3. 那么，我们使用模块来分离我们的接口和类，然后通过模块调用；

4. 首先，创建 21.ts ，先写一个完整版的代码，具体如下：

export{}
interface IPerson {
name: string
run(): void
}
class Person implements IPerson {
name: string = ''
constructor(name: string) {
this.name = name
}
run() {
console.log(this.name + '运行了~')
}
}
let p = new Person('Mr.Lee')
p.run()

5. 创建 modules 文件夹，并创建 Person.ts 和 IPerson.ts 用于存放这个接口和类；

// IPerson.ts
export interface IPerson {
name : string
run(): void
}
// IPerson.ts
import { IPerson } from "./IPerson"
export class Person implements IPerson {
name : string = ''
constructor(name : string) {
this.name = name
}
run() {
console.log(this.name + '运行了~')
}
}
import { Person } from './modules/Person'
let p = new Person('Mr.Lee')
p.run()