• 技术文章 >Web开发 >JavaScript

    javascript组合继承的基本原理

    小妮浅浅小妮浅浅2021-10-14 10:22:39原创2233

    组合继承有时也叫伪经典继承,结合了原型链和盗用构造函数。

    1、通过原型链继承原型上的属性和方法,盗用构造函数继承实例属性。

    2、这样不仅可以将方法定义为原型,还可以使每个实例都有自己的属性。

    实例

    function Super (name) {
      this.name = name
      this.friends = ['zs', 'ls']
    }
     
    Super.prototype.walk = function () {
      console.log(this.name + ' is walking.')
    }
     
    function Sub (name, age) {
      Super.call(this, name)
      this.age = age
    }
     
    Sub.prototype = new Super()
     
    Sub.prototype.run = function () {
      console.log(this.name + ' is ' + this.age + ' years old. He can run now.')
    }
     
    const p1 = new Sub('wzq', 24)
    p1.walk()
    p1.run()
    p1.friends.push('zmk')
    console.log(p1.friends)
     
    const p2 = new Sub('zmk', 24)
    p2.walk()
    p2.run()
    console.log(p2.friends)

    以上就是javascript组合继承的基本原理,希望对大家有所帮助。更多Javascript学习指路:Javascript

    推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

    专题推荐:javascript组合继承
    品易云
    上一篇:js盗用构造函数的实现 下一篇:javascript寄生式继承的使用

    相关文章推荐

    • javascript中for...of循环是什么• javascript中generator函数的介绍• javascript生成器函数的特点• javascript中yield关键字的使用• javascript中throw和next方法的比较• javascript中浅拷贝是什么• javascript中JSON.stringify的注意点• Javascript迭代器的两种写法

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网