ES6新特性_ES6语法糖_ES5中构造函数的继承---JavaScript_ECMAScript_ES6-ES11新特性工作笔记035

本文探讨了如何使用ES5实现构造函数的继承,以Phone为例,通过SmartPhone类调用Phone.call(this, brand, price)来实现继承。接着通过SmartPhone.prototype = new Phone及SmartPhone.prototype.constructor = SmartPhone确保原型链和构造函数的正确指向。此外,还为SmartPhone添加了photo和playGame方法。最终,展示了通过这种方式创建的对象能够正确继承并拥有所有预期的方法和属性。" 105572048,1053080,Elasticsearch聚合查询内部原理,"['Elasticsearch', '数据结构', '查询优化']

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

我们先看用es5实现一个构造函数的继承.

我们去用es5的写法写一个Phone这个类

然后给他添加一个Phone.prototype.call = function(){}

添加call的方法.

 

然后我们再去声明一个SmartPhone这个类,可以看到我们可以通过,

在SmartPhone 的构造方法中,调用Phone.call(this,brand,price); 这样相当于

我们SmartPhone作为子类把自身传给了Phone了进去.

 

然后我们SmartPhone写的时候,只写this.color = color..和size.这样就可以了

然后我们再去设置一下SmartPhone.prototype = new Phone;

这样相当于设置子级别构造函数的原型了,相当于把SmartPhone设置成了Phone的子类

 

然后我们再去指定SmartPhone.prototype.constructor = Smar

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

添柴程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值