ES5与ES6 的继承差异

先简单看看ES5中磨人的继承

ES5的继承有许多方式:大概分为 原型链继承,借用构造函数继承,组合继承,原型继承,寄生式继承,寄生组合式继承,我有博客专门详解过,我们这里就拉出一些经典的简单复习一下:有点迷的话请戳这里:js之各种继承

  1. 原型链继承
  // 定义父类
    function Parent(name) {
   
        this.name = name;
    }

    Parent.prototype.getName = function() {
   
        return this.name;
    };

    // 定义子类
    function Children() {
   
        this.age = 24;
    }

    // 通过Children的prototype属性和Parent进行关联继承

    Children.prototype = new Parent('陈');

    // Children.prototype.constructor === Parent.prototype.constructor = Parent

    var test = new Children();

    // test.constructor === Children.prototype.constructor === Parent

    test.age // 24
    test.getName(); // 陈
  1. 借用构造函数继承
  // 定义父类
    function Parent(value) {
   
        this.language = ['javascript', 'react', 'node.js'];
        this.value = value;
    }
    
    // 定义子类
    function Children() {
   
    	Parent.apply(this, arguments);
    }

    const test = new Children(666);

    test.language // ['javascript', 'react', 'node.js']
    test.va
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值