image.png

    借用构造函数

    1. function Wheel(style, wheelSize) {
    2.     this.style = style
    3.     this.wheelSize = wheelSize
    4. }
    6. function Sit(c, siteColor) {
    7.     this.c = c
    8.     this.siteColor = siteColor
    9. }
    11. function Car(name, style, wheelSize, c, siteColor) {
    12.     this.name = name
    13.     Wheel.call(this, style, wheelSize)
    14.     Sit.call(this, c, siteColor)
    15. }
    17. var car = new Car('BMW', '花里胡哨', 100, '真皮', '红色')
    19. console.log(car)
    20.     //Car {name: 'BMW', style: '花里胡哨', wheelSize: 100, c: '真皮', siteColor: '红色'}

    共享原型

    1. Father.prototype.name = 'xiaoming'
    3. function Father() {}
    5. function Son() {}
    7. function inherit(T, O) {
    8.     T.prototype = O.prototype
    9. }
    11. inherit(Son, Father)
    13. console.log(new Son().name) //xiaoming
    15. //弊端 地址一样，改了Son，Father也变了
    16. Son.prototype.sex = 'male'
    17. var father = new Father()
    18. console.log(father.sex) //male

    圣杯模式

    1. Father.prototype.name = 'xiaoming'
    3. function Father() {}
    5. function Son() {}
    7. // function inherit(T, O) {
    8. //     function F() {}
    9. //     F.prototype = O.prototype
    10. //     T.prototype = new F()
    11. //     T.prototype.constuctor = T
    12. //     T.prototype.uber = O.prototype
    13. // }
    14. var inherit = (function() {
    15.     var F = function() {}
    16.     return function(T, O) {
    17.         F.prototype = O.prototype
    18.         T.prototype = new F()
    19.         T.prototype.constuctor = T
    20.         T.prototype.uber = O.prototype
    21.     }
    22. })()
    23. inherit(Son, Father)
    25. console.log(new Son().name) //xiaoming
    27. Son.prototype.sex = 'male'
    28. console.log(new Father().sex) //undefined

    Snipaste_2020-02-01_16-26-13.jpg

    Snipaste_2020-02-01_16-36-45.jpg

    ES5写法

    1.  function Human(name){
    2.      this.name = name
    3.  }
    4.  Human.prototype.run = function(){
    5.      console.log("我叫"+this.name+"，我在跑")
    6.      return undefined
    7.  }
    8.  function Man(name){
    9.      Human.call(this, name)
    10.      this.gender = '男'
    11.  }
    13.  var f = function(){}
    14.  f.prototype = Human.prototype
    15.  Man.prototype = new f()
    17.  Man.prototype.fight = function(){
    18.      console.log('糊你熊脸')
    19.  }

    ES6写法

    1. class Human{
    2.      constructor(name){
    3.          this.name = name
    4.      }
    5.      run(){
    6.          console.log("我叫"+this.name+"，我在跑")
    7.          return undefined
    8.      }
    9.  }
    10.  class Man extends Human{
    11.      constructor(name){
    12.          super(name)
    13.          this.gender = '男'
    14.      }
    15.      fight(){
    16.          console.log('糊你熊脸')
    17.      }
    18.  }