export

具名导入导出

//a.js
export const a=100;
export function add(){
    return "show function";
}
//或者
export {a,add};

//b.js
//批量导入
import * as api from a.js;
//解构导入
import {a,add};
console.log(*.a);

别名的使用

别名导出

//a.js
const a=100;
export {a as aa};

/b.js
import {aa} from a.js;

别名导入

以as后面的名字为准

//a.js
const a=100;
export {a as aa};

/b.js
import {aa as myA} from a.js;
console.log(myA);

默认导入导出

//a.js
export default a=100;
//等同于
export {a as default};

//b.js
//可以任意取名字导入
import anyName from a.js;

混合导入导出

//a.js
export const a=100;
export default b=200;
//等同于
export {a,b as default};

b.js
import anyName,{a} from a.js;
//批量导入
import * as api from a.js;
//默认导出
console.log(api.default);