js的几种继承方式

本文介绍了JavaScript中两种常见的继承方式:原型方法继承和call/apply继承。通过实例演示了如何使用这两种方法来实现对象间的属性和方法共享。

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

1、原型方法继承
思想:原型方法继承实质实在原型的原型对象上添加一个方法,谈到本质这不叫继承,应该叫做一种方法的定义。
这种方法同样能做到对父类的的属性和方法的共享和读取。
demo:
function Person(name,age,gender,worker){
        this.name=name;
        this.age=age;
        this.gender=gender;
        this.worker=worker;
        this.Say=function(){
            console.log("My name is"+this.name+"My age is"+this.age+"My gender is"+this.gender+"My work is"+this.worker);
        }
        this.Eat=function(){
            console.log(this.name+"eat raice");
        }
    }
    /*原型方法*/
    Person.prototype.Worker=function (food) {
       console.log(this.name+"is a Worker");
    }
    /*原型方法*/
    Person.prototype.Doctor=function(){
        console.log(this.name+"is a Doctor");
    }
    let doctor=new Person("lili",13,"男","person");
    doctor.Worker("banada");
    doctor.Doctor();
    doctor.Say();

2、call和apply继承
思想:call和apply继承实质是对对象的引用地址进行了改变,从而达到继承的效果

 /*call和apply继承,call和apply的实质是在改变对象的指针的位置,从而实现继承
    * call:引用call可以传入多个参数,第一个参数是需要继承的父类的名称,后面的参数是需要继承的类的名称
    * apply:引用apply只需要传入两个参数,第一个参数为需要继承的父类的名称,第二个为arguments,其实arguments为一个数组(代表了call后面传入的参数的集合)
    * */
    function Persion(name,age,gender){
        this.name=name;
        this.age=age;
        this.gender=gender;
        this.Say=function () {
            console.log("姓名:"+this.name+"年龄:"+this.age+"性别:"+this.gender);
        }
    }

    function Worker(worker) {
        Persion.call(this,worker);
        this.Work=function(){
            console.log("worker");
        }
    }

    function Doctor(salary) {
        Persion.apply(this,arguments);
        this.GetSalary=function(){
            console.log("i get salary is"+salary);
        }
    }
    let person=new Persion("benebn",13,"男");
    person.Say();

    let wor=new Worker("zhanggongg");
    wor.Say();
    wor.Work();

    let doc=new Doctor(50000);
    doc.Say();
    doc.GetSalary();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值