2021-01-06

最新推荐文章于 2024-09-11 15:33:18 发布

于慨

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量80

点赞数

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

本文链接：https://blog.csdn.net/ike_yu/article/details/112292602

版权

红宝书专栏收录该内容

17 篇文章 0 订阅

订阅专栏

【红宝书p238继承之原型链（继承父类实例）】

1，让子类的原型是父类的实例，查看子类和父类的结构

<script>
        function SuperType() {
            // 父类
            this.property = true;
        }
        SuperType.prototype.getSuperValue = function () {
            // 父类原型中添加方法
            return this.property;
        };
        function SubType() {
            // 子类
            this.subproperty = false;
        }
        // 继承 SuperType
        SubType.prototype = new SuperType();
        // 子类的原型是父类的实例
        SubType.prototype.getSubValue = function () {
            return this.subproperty;
            // 子类的原型中添加getSubValue方法
        };
        console.dir(SuperType);
        console.dir(SubType);
    </script>

父类结构如上

在这里插入图片描述
子类结构如上
2，查看父类和子类实例的结构

<script>
        function SuperType() {
            // 父类
            this.property = true;
        }
        SuperType.prototype.getSuperValue = function () {
            // 父类原型中添加方法
            return this.property;
        };
        function SubType() {
            // 子类
            this.subproperty = false;
        }
        // 继承 SuperType
        SubType.prototype = new SuperType();
        // 子类的原型是父类的实例
        SubType.prototype.getSubValue = function () {
            return this.subproperty;
            // 子类的原型中添加getSubValue方法
        };
        let supIns = new SuperType();
        let subIns = new SubType();
        console.dir(supIns);
        console.dir(subIns);
    </script>

在这里插入图片描述
父类实例结构如上所示

子类实例结构如上