# js模块化

// 导出属性
export let dogName = 'husky'
// 导出方法
export function showName () {
  console.log(dogName)
  return dogName
}

import {dogName, showName} from 'xxx'

// 默认导出函数
export default ()=>{
  console.log('husky')
}

// 导出一个值
export default 'husky'
export let dogName = 'small husky'

// 只引入default导出的属性或者方法
import customHusky from 'xxx'
// 引入default导出的属性或者方法，和引入单个导出可以并存
import customHusky,{ dogName } from 'xxx'

// a.js 
export function show(){
  console.log('husky')
}
export function speak(){
  console.log('woof woof')
}
export default like(){
  console.log('food')
}
// index.js
let a = require('./a.js')

// 定义模块化管理主逻辑
let customModule = (function(){
  let moduleList = []
  function define (name, dependence, action) {
    // 依赖关联
    dependence.map((moduleItem,moduleIndex)=>{
      dependence[moduleIndex] = moduleList[moduleItem]
    })
    // 收集模块
    moduleList[name] = action.apply(null, dependence)
  }

  return {
    define
  }
})()

// 定义比较模块
customModule.define('husky-compare',[],function () {
  return {
    max (arr){
      return arr.sort((a,b)=>a - b)[arr.length - 1]
    },
    min (arr){
      return arr.sort((a,b)=>b - a )[arr.length - 1]
    }
  }
})

customModule.define('xiaoge', ['husky-compare'],function (husky) {
  console.log(husky.max([5,9,8,7,6,4,8,7,-100,5,100,5]));
  console.log(husky.min([5,9,8,7,6,4,8,7,-100,5,100,5]));
})

document.getElementById('button').onclick=()=>{
  import('xx/xx/path').then(({fun1, fun2})=>{
    // 在这里就可以使用了
  })
}