ES6 模块import、export用法总结

使用export将模块中需要暴露给其他模块使用的内容进行导出，再通过import导入需要的内容并使用。

1、模块的概念

ES6中模块的出现，主要是为了解决变量作用域的问题，在js脚本中定义的变量，会成为全局变量，在开发大型项目的时候，容易造成变量命名的冲突，不利于代码的管理。而在模块中定义的变量正好相反，其变量都是模块私有的，只有通过export导出后，才能在其他模块中导入和使用。

2、export的用法

在模块中定义的变量、函数、类都可以通过export导出，匿名函数只能通过export default的方式导出。

2.1、示例

export var fruit = 'apple';
export let name = 'lily';
export const age = 18

export function add(n1,n2){
    return n1+n2;
}

function sayHi(name){
    console.log('hi,'+name);
}
export sayHi;

export default function minus(){
}

注：一个模块只能有一个默认导出（export default）。

3、import用法

export导出的内容，只有通过import导入后才能使用。

3.1、示例

import {fruit,name} from './demo.js'
//别名
import {add as sum} from './demo.js'
//导入整个模块
import * as demo from './demo.js'
//默认导入
import minus from './demo.js'