红宝书p244组合继承

于慨

已于 2024-11-29 22:58:43 修改

阅读量194

点赞数

分类专栏：红宝书文章标签： js

于 2021-01-07 01:33:12 首次发布

本文链接：https://blog.youkuaiyun.com/ike_yu/article/details/112301334

版权

红宝书专栏收录该内容

17 篇文章

订阅专栏

本文深入探讨JavaScript中的组合继承模式，通过示例展示了如何在构造函数中定义父类属性，在原型中定义方法，以实现子类的继承。通过`SuperType.call(this, name)`来继承父类属性，使用`SubType.prototype = new SuperType()`来继承方法。实例化子类`SubType`后，观察其结构，理解JavaScript继承的工作原理。

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

【红宝书p244组合继承】

1,父类属性放构造函数里，方法放原型里，让子类继承后，查看子类结构

function SuperType(name){
 this.name = name;
 this.colors = ["red", "blue", "green"];
}
SuperType.prototype.sayName = function() {
//以后子类实例可直接共用，不用重写的属性或方法写入父类的原型里面
 console.log(this.name);
};

function SubType(name, age){
 // 继承属性
 SuperType.call(this, name);
 this.age = age;
}
// 继承方法
SubType.prototype = new SuperType();
console.dir(SubType);

在这里插入图片描述
2，子类组合继承父类且实例化后，子类的结构

<script>
        function SuperType(name) {
            this.name = name;
            this.colors = ["red", "blue", "green"];
        }
        SuperType.prototype.sayName = function () {
            console.log(this.name);
        };
        function SubType(name, age) {
            // 继承属性
            SuperType.call(this, name);
            this.age = age;
        }
        // 继承方法
        SubType.prototype = new SuperType();
        //实例化对象
        let sub = new SubType('ike', 18);
        console.dir(sub);
    </script>

在这里插入图片描述