JS实现类的继承

最新推荐文章于 2024-07-26 09:48:00 发布

莫兮是我

最新推荐文章于 2024-07-26 09:48:00 发布

阅读量245

点赞数

分类专栏： JS WEB 前端文章标签： javascript js prototype 多态前端

本文链接：https://blog.csdn.net/u013362192/article/details/113835681

版权

前端同时被 3 个专栏收录

67 篇文章 0 订阅

订阅专栏

59 篇文章 0 订阅

订阅专栏

WEB

50 篇文章 1 订阅

订阅专栏

本文介绍了如何在JavaScript中实现类的继承，通过`prototype`和`apply`方法来创建子类并继承父类的属性和方法。示例展示了如何定义一个`PeopleClass`作为父类，然后创建一个`StudentClass`子类，子类成功继承了父类的`type`属性和`getType`方法。

摘要由CSDN通过智能技术生成

JS实现类的继承
目录：

前言

本文旨在介绍如何用JS实现类的继承
主要内容：

prototype
apply

解释

创建两个构造函数
使用apply方法，将父对象的构造函数绑定在子对象上
方法的继承：循环使用父对象的prototype进行复制，即可达到继承的目的

代码实现

function PeopleClass() {
    this.type = "human";
}

PeopleClass.prototype = {
    getType: function() {
        alert("this is a man.");
    }
};

function StudentClass(name, sex) {
    PeopleClass.apply(this, arguments);
    let prop;
    for (prop in PeopleClass.prototype){
        let proto = this.constructor.prototype;
        if(!proto[prop])    proto[prop] = PeopleClass.prototype[prop];

        proto[prop]["super"] = PeopleClass.prototype;
    }

    this.name = name;
    this.sex = sex;
}

let stu = new StudentClass("lufy", "man");
alert(stu.type);
stu.getType();