继承的几种方式

最新推荐文章于 2021-09-15 21:04:50 发布

会敲代码的蜡笔小新

最新推荐文章于 2021-09-15 21:04:50 发布

阅读量327

点赞数

CC 4.0 BY-SA版权

分类专栏：学习文章标签： j s j s继承

本文链接：https://blog.youkuaiyun.com/weixin_41786576/article/details/87654931

学习专栏收录该内容

30 篇文章

订阅专栏

本文深入探讨JavaScript中的四种经典继承方式：传统继承通过原型链、借用构造函数、共享原型及圣杯模式。每种方式均有其独特优缺点，如原型链可能导致过多的继承链，而借用构造函数无法继承原型等。文章通过具体示例代码，帮助读者理解不同继承模式的工作原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.传统继承－－》原型链
缺点：过多的继承链没用的属性

     Grand.prototype.lastName = '张三';
     function Grand(){

     }
     var grand = new Geand();
     Father.prototype = grand;
     function Father(){
         this.name = '王五';
     }
     var father = new Father();
     Son.prototype = father;
     function Son(){
         this.hobbit = '赵六';
     }
     var son = new Son()

2.借用构造函数
缺点：
1.不能继承借用构造函数的原型
2.每次构造函数都要多走一个函数（每次执行了两个方法）

    function Person(name,age,sex){
         this.name = name;
         this.age = age;
         this.sex = sex;
     }
     function Student(name,age,sex,grade){
         Person.call(this,name,age,sex);
         this.grade = grade;
     }
     var student = new Student();

3.共享原型
缺点：不能随便改动自己的原型

    Father.prototype.lastName = '张三';
    function Father(){

    }
    function Son(){

    }
    Son.prototype = Father.prototype;
    var son = new Son();
    var father = new Father();

4.圣杯模式

    Father.prototype.lastName = '张三';
    function Father(){

    }
    function Son(){

    }
    var inherit = (function(){
        var F = function(){};
        return function(Target,Origin){
            F.prototype = Origin.prototype;
            Target.prototype = new F();
            Target.prototype.constructor = Target;   //Target的constructor方法归位
            Target.prototype.uber = Origin.prototype;// 超类，真正继承的来源
        }

    }())
    inherit(Son,Father)
    var son = new Son();
    var father = new Father();