实现继承有哪些方式？

2022-02-07 23:01:58 阅读：198 来源： 互联网

标签：username function 方式 userage 继承哪些 Person Student zs

1.原型链继承

 function Person(username, userage) {
      this.username = username;
      this.userage = userage
    }
    Person.prototype.sayhi = function () {
      console.log('会说话哦');
    }
    function Student(name, age) {
      this.name = name;
      this.age = age
    }
    Student.prototype = new Person()
    const zs = new Student('zs', 15)

优点：复用父类的方法

缺点：子类实例没有自己的属性

2.构造函数继承

    function Person() {
      this.enjoy = ['看电视', '睡觉']
    }
    function student(id) {
      this.id = id
      Person.call(this) // 改变person的this指向，
                        // 变成student的实例对象，
                        // 因此student就有了Person的enjoy属性
    }

优点：子类每个实例都有自己的属性，不会相互影响

缺点：父类的方法没有办法得到复用

3.组合式继承（原型继承与构造函数继承的结合）

    function Person(username, userage) {
      this.username = username;
      this.userage = userage
    }
    Person.prototype.sayhi = function () {
      console.log('会说话哦');
    }
    function Student(username, userage) {
      Person.call(this, username,userage);
    }
    Student.prototype = new Person()
    const zs = new Student('zs', 15)
    zs.sayhi()
    console.log(zs.username, zs.userage)

优点：继承了前两种方法，复用的傅雷方法又有各自的属性

缺点：内存浪费

4.寄生组合式继承

    function Person(username, userage) {
      this.username = username;
      this.userage = userage
    }
    Person.prototype.sayhi = function () {
      console.log('会说话哦');
    }
    function Student(username, userage) {
      Person.call(this, username, userage);
    }
    Student.prototype = Object.create(Person.prototype); // object.create()会创造一个对象
                                                     // 新对象的--prototype--会指向传入的参数
    const zs = new Student('zs', 15)
    zs.sayhi()
    console.log(zs.username, zs.userage)

5.ES6继承

    class Person {
      constructor(name, age) {
        this.name = name
        this.age = age
      }
      sayhi() {
        console.log('会打招呼')
      }
    }
    class student extends Person {
      constructor(name, age,lesson) {
        super(name,age) // 触发调用父构造函数
        this.lesson=lesson
      }
    }
    var stu1=new student('zs',18,11)
    console.log(stu1.name,stu1.age,stu1.lesson)

标签：username,function,方式,userage,继承,哪些,Person,Student,zs
来源： https://blog.csdn.net/weixin_66183758/article/details/122814576

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

实现继承有哪些方式？