ES6 import export

Export

到导出模块可以是函数、类，也可以是var、let、const定义的变量，但是一定不能直接导出一个字符串或者数字，一个js里面可以有多个export，

// 1 可以一起导出用花括号{}把要导出的内容都包裹起来：
const a = 10;
const b = {
    c: 5
};
const d = () => {
    console.log(8)
}
function f() {
    console.log(9)
}

export {a, b, d, f}

// 2 也可以分别单个一个一个导出：

export const a = 10;
export const b = {
    c: 5
};
export const d = () => {
    console.log(8)
}
export function f() {
    console.log(9)
}
// 3 导出默认 

// 3.1
var a = 1;
export default a; // 正确 // 正确 // 正确

// 3.2
export default var a = 1; // 错误// 错误// 错误

Import

导入只需要注意命名要跟导出的命名一样，然后用花括号{}包起来：

import {a, b, d, f} from "./utils/plugin1";

console.log(a)
console.log(b)
console.log(d)
console.log(f)

如果没有名字对应打印出来的就是undefined。

还可以整个模块导入：

import * as lib from "./utils/plugin1";
console.log(lib.a)
console.log(lib.b)
console.log(lib.d)
console.log(lib.f)