ES5、ES6 的组合继承

// ES 5
function inherit(Child, Parent) {
  // 继承原型上的属性
  Child.prototype = Object.create(Parent.prototype)

  // 修复 constructor
  Child.prototype.constructor = Child

  // 存储超类
  Child.super = Parent

  // 静态属性继承
  if (Object.setPrototypeOf) {
    // setPrototypeOf ES6
    Object.setPrototypeOf(Child, Parent)
  } else if (Child.__proto__) {
    // __proto__ ES6 引入，但是部分浏览器早已支持
    Child.__proto__ = Parent
  } else {
    // 兼容 IE10 等陈旧浏览器
    // 将 Parent 上的静态属性和方法拷贝一份到 Child 上，不会覆盖 Child 上的方法
    for (var k in Parent) {
      if (Parent.hasOwnProperty(k) && !(k in Child)) {
        Child[k] = Parent[k]
      }
    }
  }
}

// ES 6
class DateConstructor extends Date {
  constructor() {
    super()
  }
  getMyTime() {
    return this.getTime()
  }
}

console.log(new DateConstructor().getTime())
qiuhongbingo / blog

ES5、ES6 的组合继承 #15
