构造函数继承

最新推荐文章于 2022-10-26 10:55:46 发布

原创最新推荐文章于 2022-10-26 10:55:46 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

本文通过实例详细介绍了JavaScript中构造函数的使用，包括Person基类的定义及其在Teacher、Student和Employee子类中的继承实现。展示了如何利用call和apply方法进行属性初始化。

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

// 公共函数
function Person(name, age, sex, address, phone) {
this.name = name;
this.age = age;
this.sex = sex;
this.address = address;
this.phone = phone;
console.log(this.name)
}

    function Teacher(name, age, sex, address, phone, course) {
        // 当Person函数被调用时，其Person函数体中的this指向的是 Teacher 函数中 this 所表示的对象
        Person.call(this, name, age, sex, address, phone);
        this.course = course;
    }



    function Student(name, age, sex, address, phone, grade) {
        Person.apply(this, arguments);
        this.grade = grade;
    }

    function Employee(name, age, sex, address, phone, dep) {
        Person.apply(this, arguments);
        this.dep = dep;
    }

    var t = new Teacher("小丁", 15, "男", "成都", "13177665544", "HTML+CSS");
    console.log(t);
    var s = new Student("小丁", 15, "男", "成都", "13177665544", "一年级");
    console.log(s);
    var e = new Employee("小丁", 15, "男", "成都", "13177665544", "项目部");
    console.log(e);