Typescript学习记录 - 回顾ES5继承

B类继承A类的方法

	function A(name) {
        this.name = name || 'a';
        this.run = function () {
            console.info(`${this.name} -- ${this.age} -- run`);
        }
    }
    A.prototype.age = 21;
    A.prototype.coding = function () {
        console.info(`${this.name} -- ${this.age} -- coding`);
    }

    var a = new A('aaa');
    a.run();
    a.coding();

    //ES5的继承,B继承A
    function B(name) {
        //继承A的构造函数,自身属性等
        A.call(this, name);
    }
    //继承A原型链的拷贝,B和A不能公用原型链,否则修改B的原型链也会影响A的原型链,
    B.prototype = Object.create(A.prototype);

    B.prototype.eat = function () {
        console.info(`${this.name} -- ${this.age} -- eat`);
    }

    var b = new B('bbb');
    b.run();
    b.coding();

    b.eat();

    //a.eat();    //报错,eat方法只在B的原型链上

继承代码

	function A(){}
    //ES5的继承,B继承A
    function B(...args) {
        //继承A的构造函数,自身属性等
        A.call(this, ...args);
    }
    //继承A原型链的拷贝,B和A不能公用原型链,否则修改B的原型链也会影响A的原型链,
    B.prototype = Object.create(A.prototype);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值