es6 export import的用法

import命令，用于加载1.js文件，并从中输入变量和函数。import命令接受一对大括号，里面指定要从其他模块导入的变量名。大括号里面的变量名，必须与被导入模块（1.js）对外接口的名称相同。

如果想为输入的变量重新取一个名字，import命令要使用as关键字，将输入的变量重命名。
import { lastName as myName} from ‘./1.js’;

 export var  a="输出的变量"      
 export function fn() {console.log("输出的函数")}  //1.js
 
 //2.js中
 import {a, fn} from  './1.js' //大括号里面的变量名要与 export出来的一致

 var  a="输出的变量"      
 function fn() {console.log("输出的函数")} 
 export {a,fn}   //1.js
 
 //2.js中
 import {a, fn as myFnName} from  './1.js' // import  {输出来的变量名  as  你要命名的名字}

 var  a="输出的变量"      
 function fn() {console.log("输出的函数")} 
 export {a,fn}   //1.js

 //2.js中
 import * as per from  './1.js' // 整体加载到per对象里面
 console.log(per.a)             //输出的变量
 per.fn()                       //输出的函数

export default命令用于指定模块的默认输出。显然，一个模块只能有一个默认输出，因此export default命令只能使用一次。所以，import命令后面才不用加大括号，因为只可能唯一对应export default命令。

 var  a="输出的变量"      
 function fn() {console.log("输出的函数")} 
 export default {a,fn}   //1.js

 //2.js中
 import per from  './1.js' // 整体加载到per对象里面
 console.log(per.a)             //输出的变量
 per.fn()                       //输出的函数