JS实现继承的3中方法

最新推荐文章于 2024-07-12 22:54:26 发布

熊猫干前端

最新推荐文章于 2024-07-12 22:54:26 发布

阅读量237

点赞数

分类专栏： JS基础知识文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_39690316/article/details/122977107

版权

JS基础知识专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、借用构造函数法

function SuperType(name) {
    this.name = name;
    this.sayName = function () {
        alert(this.name);
    }
}

function SubType(name, age) {
    SuperType.call(this, name); // 这里借用了父类的构造函数
    this.age = age;
}

2、对象冒充

function SuperType(name) {
    this.name = name;
    this.sayName = function() {
        alert(this.name);
    }
}

function SubType(name, age) {
    this.supertype = SuperType; // 在这里使用了对象冒充
    this.supertype(name);
    this.age = age;
}

3、组合继承

function SuperType(name) {
    this.name = name;
}

SuperType.prototype = {
    sayName: function () {
        alert(this.name);
    }
}    

function SubType(name, age) {
    SuperType.call(this, name); // 在这里继承了属性
    this.age = age;
}

SubType.prototype = new SuperType(); // 这里继承方法