语法
ES6 module使用的关键字是:import 和 export
import用于导入module中的内容,export 用于暴露出module中的内容
import用法
import 用于导入模块的内容
- 导入模块暴露的default值,因为这个值被认为是default,所以在导入时可以自定义名称
import demo from './foo.js';
- 导入非default值。这种导入类似解构赋值,所以在导入时需要与暴露时的名称一样才行。必须要一样,否则无法导入
export语法
export常用于各种定义和{}的前面,是需要对外提供接口,方便外部进行引入的。
export function foo () {
...
}
export const bar = 1
或者是已经定义好的变量,被放在一个对象中。
export { demo, test }
注意事项
export default 的原理是接收一个值,把这个值赋值给default,然后暴露出去,因为是default值,所以在引用时可以随机的起一个名字接收这个暴露出来的值。
因为已经对外提供了一个default的接口,所以它的后面可以直接是一个值
export default 1