在TypeScript书写es6模块化！

优快云话题挑战赛第2期
参赛话题：学习笔记

前言

随着我们的代码越来越庞大，我们需要拆分模块组合, 便于后续的维护

除了commonJS, es6. ts也是支持模块化的！

如何在TS中写es6模块化语句

自从发布ES6（ES2015）之后， ts就采用了es6的模块化标准-导出和导入模块

• 写法：

导出:

myModule.ts
    
    export const name: number = 123

    export const getUser = (user: string): void => {
      console.log(user)
    }

导入:

index.ts
    
    import { name, getUser } from "./myModule";

    getUser(name)

• 值得注意的是TS的智能提示发挥到了超乎想象

没有引入直接使用变量, 波浪线智能提示从哪里引入

直接书写变量，enter直接带出引入

---

虽智能, 但还是要注意几点

注意事项	详细
获取智能提示有条件	但是要注意的是: 这个提示只适用于export， 不适用于export default。因为export有固定的变量名，而export default导出没有名字和引入时随意起名字, TS不会去猜测
import引入的文件名	import引入的文件名不能带上.ts, 因为会参与编译的过程, 编译后的结果为js，找不到ts这个文件