js 原型链实现类的继承

## 什么是原型链?

每个对象都可以有一个原型_proto_,这个原型还可以有它自己的原型,以此类推,形成一个原型链。查找特定属性的时候,我们先去这个对象里去找, 如果没有的话就去它的原型对象里面去,如果还是没有的话再去向原型对象的原型对象里去寻找… 这个操作被委托在整个原型链上, 这个就是我们说的原型链了。

原型指针

prototype属性,它是函数所独有的,它是从一个函数指向一个对象。
它的含义是函数的原型对象,也就是这个函数(其实所有函数都可以作为构造函数)所创建的实例的原型对象; 这个属性是一个指针,指向一个对象,这个对象的用途就是包含所有实例共享的属性和方法(我们把这个对象叫做原型对象);
–proto-- 是原型链查询中实际用到的,它总是指向 prototype,
换句话说就是指向构造函数的原型对象,它是对象独有的。
## es5通过构造函数

 //通过构造函数创建父类
    function father(name) {
      // 对象属性 
        this.name = name; 
    }
     //父类的原型方法
     father.prototype.getName=function(name){
      return '我的名字叫:' + this.name;
     }
     //子类
  
     function Child(name){
       father.call(this,name)
     }
    Child.prototype=new father();
    
    var z = new Child("学上星辰3");
    console.log(z.getName(name));

es6 通过class方法

//通过class方法创建父类
class point2{ 
      constructor(name,age){
        this.name=name ;
        this.age=age;
      }  
    }
    //创建子类并继承父类
    class sexpoint2 extends point2{
      constructor(name,age,sex){
        // 在子类型构造函数中通过super调用父类型的构造函数
        super(name,age);
        this.sex=sex
      }
      //构造函数上的原型方法
      toSex(){
        return "名字:"+this.name+" 年龄:"+this.age+" 性别:"+this.sex
      }
    }
    let sext=new sexpoint2("学上星辰4",18,"男")
    console.log(sext.toSex());  
    console.log(sext.name);
    console.log(sext.age);
    console.log(sext.sex)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值