ES6 支持模块, 模块间可以通过引用的方式复用代码, 基本的 使用 export 导出一个变量, 使用 import 导入 一个变量
// 命名导出, 即导出的变量是带名字的
lib.js:
export a = 1
export b = 3.14
export c = ()=>{alert(‘haha’)}
class d{}
export d
// 导入时, 必须 以解包的方式 指定你要导入的变量名
app.js:
import {a,b,d} from ‘./lib’ // 后面就能直接使用 变量 a, b d 了
// 也可以用 * as 方式导入所有变量 作为 一个对象的 成员
import * as myLib from ‘./lib’ // 后面访问时就需要使用 myLib.a 或 myLib.b 等方式了
// 另外 还能使用 default 方式 作为 默认 的 导出变量, 这样导出的变量 是 没有名字的
lib.js:
export default ()=>{}
a = 2
export default a
// 导入时 需要指定一个名字
import myA from ‘./lib’
// 最后, 两种导出(命名导出 和 默认导出)可以同时出现在一个 lib.js 文件中
// 最最后
1. 使用 import * as myLib from ‘./lib’ 的方式 实际上也会导入 “默认导出”, 他放在了 myLib.default 字段中
2. lib.js 中不能出现两个 export default, 否则编译报错
3. 小技巧: 使用 export default { a, b, c } 的方式能汇合一些变量到默认导出中