JSOOP 封装extend函数和基类方法重写

• 封装之前

function Shape(color) {
  this.color = color
}
Shape.prototype.duplicate = function() {
  console.log('duplicate')
}
function Circle(radius, color) {
  Shape.call(this, color)
  this.radius = radius
}

Circle.prototype = Object.create(Shape.prototype)
Circle.prototype.constructor = Circle
Circle.prototype.draw = function() {
  console.log('draw')
}
function Square(size) {
  this.size = size
}
Square.prototype = Object.create(Shape.prototype)
Square.prototype.constructor = Square

const s = new Shape()
const c = new Circle(1, 'red')
const sq = new Square(2)

•  封装之后

function Shape(color) {
  this.color = color
}
Shape.prototype.duplicate = function() {
  console.log('duplicate')
}
function extend(Child, Parent) {
  Child.prototype = Object.create(Parent.prototype)
  Child.prototype.constructor = Child
}
function Circle(radius, color) {
  Shape.call(this, color)
  this.radius = radius
}

extend(Circle, Shape)
Circle.prototype.draw = function() {
  console.log('draw')
}
function Square(size) {
  this.size = size
}
extend(Square, Shape)

const s = new Shape()
const c = new Circle(1, 'red')
const sq = new Square(2)

•  基类方法重写

function extend(Child, Parent) {
  Child.prototype = Object.create(Parent.prototype)
  Child.prototype.constructor = Child
}

function Shape(color) {
  this.color = color
}

Shape.prototype.duplicate = function() {
  console.log('duplicate')
}

function Circle(radius, color) {
  Shape.call(this, color)
  this.radius = radius
}

extend(Circle, Shape)
Circle.prototype.draw = function() {
  console.log('draw')
}

Circle.prototype.duplicate = function() {
  console.log('new duplicate')
}
const s = new Shape()
const c = new Circle(1, 'red')

• 重写的方法内调用之前的（父类的方法）

function extend(Child, Parent) {
  Child.prototype = Object.create(Parent.prototype)
  Child.prototype.constructor = Child
}

function Shape(color) {
  this.color = color
}

Shape.prototype.duplicate = function() {
  console.log('duplicate')
}

function Circle(radius, color) {
  Shape.call(this, color)
  this.radius = radius
}

extend(Circle, Shape)
Circle.prototype.draw = function() {
  console.log('draw')
}

Circle.prototype.duplicate = function() {
  // Shape.prototype.duplicate()
  Shape.prototype.duplicate.call(this)
  console.log('new duplicate')
}
const s = new Shape()
const c = new Circle(1, 'red')