ES6中export和import使用注意点

EXPORT

1.ES6中Module功能主要由export和import两个命令构成。

2.export : 规定模块的对外接口，需与模块内部的变量建立一一对应的关系。

//以下为错误示例
var a = 1;
export a;//错误，未提供对外接口

var a = 1;
export a;//错误

//以下为正确示例

export var a = 2;//正确

var a = 1;
export {a};//正确，尚未理解

var b = 1;
export {b as a};//正确

3.export语句输出的接口与其对应的值是动态绑定关系，即通过该接口可以取到模块内部实时的值。

4.export命令可出现在模块顶层的任何位置。

---

IMPORT

1.用来加载export定义的模块。

eg:
  import {a,b,c} from './test.js'; 

{}中指定从其他模块导入的变量名，from后指定模块文件的位置(路径或模块名，.js后缀可省略)。若为模块名，则需在配置文件中配置模块位置。

2.import命令会提升到整个模块的头部，首先执行。

3.import是静态执行。

---

export default 命令

1. 本质上是输出一个叫做default 的变量或方法，系统允许你为它取任何名字。

//user.js
export default {name:'hua'};

import user from './user';
console.log(user.name);//hua

---

export 和import的复合写法

 export {a} from './test.js`'