面向对象编程 - 工厂模式

2021-11-08  本文已影响0人  JX灬君

什么是工厂模式

工厂模式用了什么设计原则

工厂模式 - jQuery

/**
 * 工厂模式-jQuery
 */
class jQuery {
  constructor(selector) {
    const slice = Array.prototype.slice
    const dom = slice.call(document.querySelectorAll(selector))
    let len = dom ? dom.length : 0
    for (let i = 0; i < len; i++) {
      this[i] = dom[i]
    }
    this.length = len
    this.selector = selector || ''
  }
  append(node) {
    // append 
  }
  addClass(name) {
    // addClass
  }
  removeClass(name) {
    // removeClass
  }
  // 其他API
}
// 工厂模式体现,将new操作单独封装
window.$ = function (selector) { 
  return new jQuery(selector)
}
上一篇 下一篇

猜你喜欢

热点阅读