export 和import使用

在JavaScript ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用，但在一个文件或模块中，export、import可以有多个，export default仅有一个(✔)

//demo1.js
export const str = 'hello world'
export function f(a){ return a+1 }；

注意不能写成：

const str = 'hello world'；

export str;    //因为这是直接暴露了一个变量出去，export需要暴露一个接口

但是可以写成：

const str = 'hello world'；

export ｛str ｝;

或者：

var n = 1; export {n as m};

对应的导入方式：

import str from 'demo1'；

import { str, f } from 'demo1' //也可以分开写两次，导入的时候带花括号

//demo2.js

export default const str = 'hello world'  //这样写是错误的

要写成:

const str = 'hello world'

export default str;

因为const/let是ES6关键字，如果default后跟const之类的关键字是不符合的，ES6规范中标记出了default后面能带的参数

对应的导入方式：

import str from 'demo1' //导入的时候没有花括号

https://www.cnblogs.com/rogerwu/p/7678201.html