ES6 import 和 export 的使用

有2种导出方式不同的导出方式对应的导入方式不一样。

1.直接export 导出

const getModel = () => {};

const testConsole = (e) => {
  console.log(e);
};

export { getModel, testConsole };

这种方式对应的导入

// 调用代码
import * as utils from '../../../utils/utils.js';
utils.testConsole('你好！');

// 调用代码
import { getModel, testConsole } from '../../../utils/utils.js';

testConsole('你好！');

2.默认导出

const getModel = () => {};

const testConsole = (e) => {
  console.log(e);
};

export default { getModel, testConsole };

对应的导入

import utils from '../../../utils/utils.js';

utils.testConsole('你好！');