ES6模块化（导入、导出）

ES6模块化（导入、导出）

ES6模块化主要使用两个关键字：import export。

1. export关键字用于定义和导出模块
2. import关键字用于执行和引用模块

ES6模块化导入和导出，共有一下几种写法：

1.定义并且导出

//moduleA.js
export const a = 1
export const b = 2

//index.js
import { a, b } from './moduleA.js'
console.log(a, b)//1 2 

2.先定义后导出

//moduleA.js
const a = 123//先定义
export { a }//后导出(以对象形式)

//index.js
import { a }  from 'moduleA.js'
console.log(a)//123

3.引入时添加别名

//moduleA.js
export const a = 1

//index.js
import { a as b } from './moduleA.js'
console.log(b)//1 
console.log(a)//a is not defined 

4.导出时添加别名

//moduleA.js
const a = 1
export { a as b }//导出时将变量重命名

//index.js
import { b } from './moduleA.js'
console.log(b)//1 

5.使用default关键字

//moduleA.js
export default 1

//index.js
import a from './moduleA.js'
console.log(a)//1 
//一个模块只能有一个默认输出，export default只能使用一次。所以import后边不用加大括号
//使用export default导出的模块，import时变量名可随意定义合法名称。