关于ES6包的导出和导入

Posted 2020-10-30 sujianfeng

　　比如有两个js文件，main.js 和 cal.js

　　cal.js导出包后，在main.js中导入。

　　cal.js的代码如下

1 var temp1 = ‘我是默认导出的结果‘;
2 export default temp1;
3 export var jisuan = {
4      add : function(a,b){
5          return a+b;
6      }
7  };

　　在main.js中想导入jisuan这个对象。

　　如果这样写，import jisuan from ‘./cal.js‘; 那么实际被导入的是temp1。

　　应该这样写，import {jisuan} from ‘./cal.js‘;  如果要导入多个，{jisuan,obj2,obj3......}

　　全部导入， import * as obj from ‘./cal.js‘   ,就会将cal.js中export导出的全部导入进来。obj是另起的别名，用于调用。

    ps import和export一定要写在顶级，换句话说就是别写在{}中（函数中或块中）