javascript实现继承

最新推荐文章于 2025-09-18 20:48:32 发布

原创最新推荐文章于 2025-09-18 20:48:32 发布 · 322 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #继承 #函数

JavaScript 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种JavaScript中实现继承的方法，通过构造器函数与原型对象关联完成。具体展示了Employee、Manager、WorkerBee等多个类间的继承关系及属性初始化。

//javascript通过将构造器函数与原型对象相关联的方式来实现继承
    function Employee(name,dept){
        this.name=name;
        this.dept = dept;
    }

    function Manager(reports){
        this.reports = reports;
    }

    Manager.prototype=new Employee();

    function Employee(){
        this.name = "";
        this.dept = "general";
    }

    function Manager(){
        this.reports = [];
    }
    Manager.prototype = new Employee;

    function WorkerBee(){
        this.projects = [];
    }
    WorkerBee.prototype=new Employee;

    function SalesPerson(){
        this.dept = "sales";
        this.quota = 100;
    }
    SalesPerson.prototype=new WorkerBee;

    function Engineer(){
        this.dept="engineering";
        this.machine="";
    }
    Engineer.prototype=new WorkerBee;

    var jim = new Employee();
    console.log(jim.name);
    console.log(jim.dept);

    var sally = new Manager;
    console.log(sally.name);
    console.log(sally.dept);
    console.log(sally.reports);

    var mark = new WorkerBee;
    console.log(mark.name);
    console.log(mark.dept);
    console.log(mark.projects);

    var fred = new SalesPerson;
    console.log(fred.name);
    console.log(fred.dept);
    console.log(fred.projects);
    console.log(fred.quota);

    var jane = new Engineer;
    console.log(jane.name);
    console.log(jane.dept);
    console.log(jane.projects);
    console.log(jane.machine);