ES6的基础模块化

导出

// 一. 分块导出的几种方法
// 第一种
const getName = () => ...
const getAge = () => ...
export {
  getName,
  getAge
}

// 第二种
export const getName = () => ...
export const getAge = () => ...

// 第三种
export function getName(){
  return ...
}
export function getAge() {
  return ...
}

// 2.

// 二. 导出一个匿名函数
// 第一种
export default function() {
  return ...
}

// 第二种
export default () => ...

引入

// 全量引入
import user from './utils' // 如果使用这种引入请导出匿名函数

// 按需引入
import { getName, getAge } from './utils' 

// 将引入的模块赋值到user对象中
import * as user from './utils' 
// 结构会变成如下样式
// user = {
//   getAge: function(){ ... }
//   getName: function(){ ... }
// }

只是一个简单的概论，如果有大佬有不同的意见请在下方评论，大家一起讨论