ES6+ module语法笔记 import / export

参考链接

export

export 规定模块对外的接口；对外输出模块的变量
export使用as关键字可以改变输出的名字

//export 使用规范
//变量方法一
export var 变量名 = 赋值
//方法二
var 变量名 = 赋值
export {变量名} //大括号不能省略
//方法同理

import

import 导入其他模块
import同样可以使用as关键字改变名字

//import 使用规范
import {选择提供的接口} from '目标文件路径';
import * as newname from '目标文件路径';//整体引入 整体引入时不允许对其下属性的动态改变

import的接口为只读，不允许修改，接口下的属性虽然可以修改，但会难以查错

import有提升效果，会自动在整个模块之前执行
default关键字可以设置默认对外接口，此时import可以使用任意名称指向它且不需要{}
default本质上就是as default，因此其后不能声明变量

直接转发引用

//特殊用法
export {接口} from '目标文件路径'//当前模块没有引入，实际上转发了接口
//接口若为*，会忽略default

import 动态引入

 import('目标文件路径').then(参数 => {···})实现动态(运行时)引入

同时加载多个模块

Promise.all([
  import('目标文件路径'),
  import('目标文件路径'),
  import('目标文件路径'),
])
.then(([参数列表]) => {
   ···
});