export、import、export default区别

• export用于对外输出本模块（一个文件可以理解为一个模块）变量的接口
• import用于在一个模块中加载另一个含有export接口的模块

使用范围

require: node 和 es6 都支持的引入
export / import : 只有es6 支持的导出引入
module.exports / exports: 只有 node 支持的导出

export & import

// demo1.js
export var name="李四" //或者var name= '李四 ' export {name}
export function f(a){
    return a*a;
}

//demo2.js
import {str, f } from 'demo1'

export default

//demo3.js
export default str = 'hello'

//demo4.js
 import str from 'demo3' //没有花括号

export 与export default

两者都是导出，但是前者在导入的时候需要加{} ,后者导出方式在导入时不需要加{}
在一个文件中，export import可以有多个，但是export default只能有一个
export能直接导出变量表达式，export default不行。
export var e1='...' 是合法语句，但是export default var e2='...'是不合法的（let和const也一样）。
export default可以直接添加标识符导出，例如export default e2;export如果要导出已经声明的表示符,必须使用{},例如export {e1},注意：这里{}不是声明一个对象。