Live Note

/**
 * 为dom元素添加事件
 * @param {} dom
 * @param {*} type
 * @param {*} fn
 */
function addEvent(dom, type, fn) {
  if (dom.addEventListener) {
    dom.addEventListener(type, fn, false)
  } else if (dom.attachEvent) {
    dom.attachEvent("on" + type, fn)
  } else {
    dom["on" + type] = fn
  }
}

/**
 * 装饰已有对象
 * @param {*} id
 * @param {*} fn
 */
function decorator(id, fn) {
  let obj = document.querySelector(id)
  if (typeof id.onclick === "function") {
    let oldFn = id.onclick
    id.onclick = function () {
      oldFn()
      fn()
    }
  } else {
    obj.onclick = fn
  }
}

let Observer = (() => {
  let _message = {}
  return {
    regist: function (type, fn) {
      if (typeof _message[type] === "undefined") {
        _message[type] = [fn]
      } else {
        _message[type].push(fn)
      }
    },
    fire: function (type, args) {
      if (!_message[type]) {
        return
      }
      let events = {
        type,
        args: args || {},
      }
      for (let i = 0, len = _message[type].length; i < len; i++) {
        _message[type][i].call(this, events)
      }
    },
    remove: function (type, fn) {
      if (_message[type] instanceof Array) {
        for (let i = _message[type].length - 1; i >= 0; i--) {
          _message[type][i] === fn && _message[type].splice(i, 1)
        }
      }
    },
  }
})()

Observer.regist("test", function (e) {
  // register
  console.log(e.type, e.args.msg)
})
Observer.fire("test", { msg: "this is some test message" }) // send

let LazySingle = (() => {
  let instance = null
  function Single() {
    return {
      Method: function () {
        console.log("public method")
      },
      Prototype: "some message",
    }
  }
  return () => {
    if (!instance) instance = Single()
    return instance
  }
})()

// for test
console.log(LazySingle().Prototype)
LazySingle().Method()

let LoopImages = function (imageArr, container) {
  this.imageArr = imageArr
  this.container = container
}
LoopImages.prototype = {
  createImage: function () {
    console.log("create image")
  },
  changeImage: function () {
    console.log("change image")
  },
}

let SlideLoopImg = function (imageArr, container) {
  LoopImages.call(this, imageArr, container)
}
SlideLoopImg.prototype = new LoopImages() // 继承
SlideLoopImg.prototype.changeImage = () => {
  // 重写
  console.log("slide loop change image")
}

// for test
let slideImage = new SlideLoopImg(["1.jpg", "2.jpg"], "slide")
console.log(slideImage.container)
slideImage.changeImage()

/**
 * copy object
 */
function prototypeExtend() {
  let F = function () {}
  // let F = new Function()

  for (let i = 0; i < arguments.length; i++) {
    for (let j in arguments[i]) {
      F.prototype[j] = arguments[i][j]
    }
  }

  return new F()
}

// for test
let car = prototypeExtend(
  {
    speed: 20,
    fast: function () {
      this.speed++
      console.log("is faster")
    },
  },
  {
    slow: function () {
      this.speed--
      console.log("is slower")
    },
  },
  {
    stop: function () {
      this.speed = 0
      console.log("is stop")
    },
  },
  {
    currentSpeed: function () {
      console.log(this.speed)
    },
  }
)

car.fast()
car.fast()
car.fast()
car.fast()

car.currentSpeed()
car.stop()

car.currentSpeed()

let Human = function (param) {
  this.skill = (param && param.skill) || "null"
  this.hobby = (param && param.skill) || "null"
}
Human.prototype = {
  getSkill: function () {
    return this.skill
  },
  getHobby: function () {
    return this.hobby
  },
}

let Named = function (name) {
  let _this = this
  ;((name, _this) => {
    this.wholeName = name
    if (name.indexOf(" ") > -1) {
      _this.FirstName = name.slice(0, name.indexOf(" "))
      _this.LastName = name.slice(name.indexOf(" "))
    }
  })(name, _this)
}

let Work = function (work) {
  let _this = this
  ;((work, _this) => {
    switch (work) {
      case "code":
        this.work = "developer"
        break
      case "design":
        this.work = "designer"
        break
      default:
        this.work = work
    }
  })(work, _this)
}

Work.prototype.changeWork = function (work) {
  this.work = work
}

/**
 * to create a Person
 * @param {*} name
 * @param {*} work
 */
let Person = function (name, work) {
  let _person = new Human()
  _person.name = new Named(name)
  _person.work = new Work(work)
  return _person
}

// for test
let person = new Person("Jack Edward", "design")
console.log(person.work)
console.log(person.name)
person.work.changeWork("code")
console.log(person.work)

let Basketball = function () {
  this.name = 'basketball'
}
Basketball.prototype = {
  getMember: function () {
    console.log(5)
  },
  getBallSize: function () {
    console.log('big')
  },
}

let FootBall = function () {
  this.name = 'football'
}
FootBall.prototype = {
  getMember: function () {
    console.log(11)
  },
  getBallSize: function () {
    console.log('big')
  },
}

let Tennis = function () {
  this.name = 'tennis'
}
Tennis.prototype = {
  getMember: function () {
    console.log(1)
  },
  getBallSize: function () {
    console.log('small')
  },
}

let SportFactory = function (name) {
  switch (name) {
    case 'basketball':
      return new Basketball()
    case 'football':
      return new FootBall()
    case 'tennis':
      return new Tennis()
  }
}

let footBall = new SportFactory('football')
footBall.getMember()

let Factory = function (type, content) {
  if (this instanceof Factory) {
    // check if is instance Factory
    return new this[type](content)
  } else {
    return new Factory(type, content)
  }
}
Factory.prototype = {
  Java: function (content) {
    console.log(content)
  },
  JavaScript: function (content) {
    console.log(content)
  },
}

let data = [
  {
    type: 'Java',
    content: 'This is Java',
  },
  {
    type: 'JavaScript',
    content: 'This is JavaScript',
  },
]

// for test
for (let i = 0; i < data.length; i++) Factory(data[i].type, data[i].content)

/**
 * to extend superType
 * @param {*} subType
 * @param {*} superType
 */
let VehicleFactory = (subType, superType) => {
  if (typeof VehicleFactory[superType] === 'function') {
    function F() {}
    F.prototype = new VehicleFactory[superType]()
    subType.constuctor = subType
    subType.prototype = new F()
  } else {
    throw new Error("don' not have this abstract class")
  }
}

// create base class
VehicleFactory.Car = function () {
  this.type = 'car'
}
VehicleFactory.Car.prototype = {
  getPrice: function () {
    return new Error('abstract')
  },
  getSpeed: function () {
    return new Error('abstract')
  },
}

let BMW = function (price, speed) {
  this.price = price
  this.speed = speed
}
VehicleFactory(BMW, 'Car') // interface
BMW.prototype = {
  getPrice: function () {
    return this.price
  },
  getSpeed: function () {
    return this.speed
  },
}

// for test
let myBmw = new BMW(10000, 100)
console.log(myBmw.getPrice())

// 类式继承
// parent
function SuperClass() {
  this.superValue = true
}
SuperClass.prototype.getSuperValue = function () {
  return this.superValue
}

// child
function SubClass() {
  this.subValue = false
}
SubClass.prototype = new SuperClass()
SubClass.prototype.getSubValue = function () {
  return this.subValue
}

let child = new SubClass()
console.log(child.getSuperValue()) // true
console.log(child.getSubValue()) // false