JSOOP 继承的坑——好的组合胜过继承（mixins、Object.assign()）

最新推荐文章于 2022-05-06 14:09:47 发布

cellinlab

最新推荐文章于 2022-05-06 14:09:47 发布

阅读量321

点赞数

分类专栏： JavaScript 日常积累文章标签： Object.assign() 组合 JavaScript mixin

本文链接：https://blog.csdn.net/funkstill/article/details/103938190

版权

JavaScript 同时被 2 个专栏收录

152 篇文章

订阅专栏

日常积累

35 篇文章

订阅专栏

应该避免多层继承，可以将一些简单的对象组合成新的对象。

const canEat = {
  eat: function() {
    this.hunger--
    console.log('eatting')
  }
}
const canWalk = {
  walk: function() {
    console.log('walking')
  }
}
function Person() {

}
Object.assign(Person.prototype, canEat, canWalk)
const p = new Person()
console.log(p)

不同行为对象组合不同对象

const canEat = {
  eat: function() {
    this.hunger--
    console.log('eatting')
  }
}
const canWalk = {
  walk: function() {
    console.log('walking')
  }
}
const canSwim = {
  swim: function() {
    console.log('swim')
  }
}
function Person() {

}
Object.assign(Person.prototype, canEat, canWalk)
const p = new Person()
console.log(p)
function Goldfish() {}
Object.assign(Goldfish.prototype, canEat, canSwim)
const goldfish = new Goldfish()
console.log(goldfish)

使用mixin

function mixin(target, ...sources) {
  Object.assign(target, ...sources)
}
const canEat = {
  eat: function() {
    this.hunger--
    console.log('eatting')
  }
}
const canWalk = {
  walk: function() {
    console.log('walking')
  }
}
const canSwim = {
  swim: function() {
    console.log('swim')
  }
}
function Person() {

}
mixin(Person.prototype, canEat, canWalk)
const p = new Person()
console.log(p)
function Goldfish() {}
mixin(Goldfish.prototype, canEat, canSwim)
const goldfish = new Goldfish()
console.log(goldfish)