简单的依赖注入(控制反转)实现

2019-01-16  本文已影响83人  halapro_liu

手写一个简单的依赖注入:

/**
 * @description 依赖注入实现(Ioc)
 * @author halapro.liu
 * @class App
 */
class App {
  static modules = []
  constructor (options) {
    this.options = options
    this.init()
  }
  init () {
    window.addEventListener('DOMContentLoaded', () => {
      this.initModules()
      this.options.onReady(this)
    })
  }
  static use (module) {
    Array.isArray(module) ? module.map(item => App.use(item)) : App.modules.push(module)
  }
  initModules () {
    App.modules.map(item => module.init && typeof module.init === 'function' && module.init(this))
  }
}

class Router {
  init (app) {
    app.router = new Router(app.options.router)
  }
}

App.use(Router)
new App({
  router: {
    mode: 'history'
  },
  onReady (app) {
    console.log(app)
  }
})
上一篇下一篇

猜你喜欢

热点阅读