| 标题：es6 中 export & import 学习 |
发帖时间：2017-06-21 16:54:29 |
乌托
export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。
//a.js
export var a="aa";//输出
//b.js
import {a} from "a"//输入
1、可以使用as关键字重命名
//a.js
var a="aa"
export {a as b};//a重命名为b输出
//b.js
import {b as c} from "a"//输入的b重命名为c
2、使用*模块的整体加载
//a.js
var a="aa";
var b="bb";
export {a,b};//输出a,b
//b.js
import * as c from "a"//输入模块整体
console.log(*.a) //aa
console.log(*.b) //bb
3、使用default指定模块默认输出
//a.js
export default function (){console.log("aa")};//输出
也可以
function a(){console.log("aa")};
export default a;
也可以
function a(){console.log("aa")};
export {a as default};
//b.js
import aaaa c from "a"//输入默认 aaaa名字自定
4、export 与 import 的复合写法
export { foo, bar } from "my_module";
// 等同于
import { foo, bar } from "my_module";
export { foo, bar };
// 整体输出
export * from "my_module";
乌托
回复:es6 中 export & import 学习
2017-06-21 16:56:33
由于import是静态执行，所以不能使用表达式和变量。
需要判断加载的 ，可以用import();
