ES6新特性_ES6语法糖-子类对父类方法的重写---JavaScript_ECMAScript_ES6-ES11新特性工作笔记037

最新推荐文章于 2022-08-25 18:00:17 发布
最新推荐文章于 2022-08-25 18:00:17 发布
阅读量614 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端UI&后端&分布式
本文为博主原创文章，未经博主 添柴程序猿 允许不得转载 违者追究法律责任。
本文链接：https://blog.youkuaiyun.com/lidew521/article/details/113445444
本文介绍了ES6中子类如何重写父类的方法，强调了完全重写的要求，不能使用`super()`调用父类方法，否则会导致错误。提供了一个实例，展示了子类覆盖`call`方法后，调用该方法会执行子类的实现。

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

然后我们再看,子类可以对父类方法进行重写. 

可以看到我们这个父类,有个call

我可以打电话

我们子类也可以写一个和父类同样的一个方法,只要名字一样就相当于重写了

可以看到:

子类写了一个我可以进行视频通话

然后我们调用这个对象的call方法的时候

可以看到调用的是子类的call方法对吧.

是这里要注意,我们子类要重写父类的call方法,就要完全重写,不能

调用父类的call方法,比如

s

了解本专栏 订阅专栏 解锁全文 超级会员免费看
ES6新特性_ES6语法糖_class静态成员---JavaScript_ECMAScript_ES6-ES11新特性工作笔记034
添柴程序猿的专栏
01-30 367
再来看一下class的静态成员 可以看到上面是es5的写法,我们写了个Phone这个函数,相当于一个类 然后给这个Phone类添加了change这个方法, 然后我们创建了Phone这个实例对象. 然后我们输出nokia.name 可以看到是undefined. 这里说明啥?说明Phone.name这个声明的这个属性,是类的属性,而不是实例的属性对吧. 所以实例拿不到这个name 然后我们去调用这个change方法,去看看也出错了 这说明什么? 说明这个Phon...
ES6新特性_ES6语法糖-class的类继承---JavaScript_ECMAScript_ES6-ES11新特性工作笔记036
添柴程序猿的专栏
01-30 384
然后我们再来看一下, class类的继承, 上一讲,我说了一下es5中,类的继承,可以看到,es5的写法,真的是.. 四不像,感觉像c? 所以,现在es6,支持的写法,这个写法有点像java了,理解起来好理解啊: 去看看我们先声明一个Phone类,有个构造方法 有个品牌,价格这两个参数 然后再写一个call方法 然后我们再去写一个类SmartPhone 继承Phone 然后我们给SmartPhone写上构造方法, 可以看到构造方法中也是需要super(),先写上父类的参..
ES6—45：子类对父类方法的重写
Always-Learning
03-07 1089
代码示例 class Father { constructor(name,price) { this.name = name; this.price = price; }; call() { console.log("手机可以打电话！"); }; }; class Son extends Father { constructor(name,price,color,size) { super(name,p
es6------》子类继承 父级 方法同时扩展自己的方法
itwangyang520的博客
12-23 414
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equ...
es6添加删除class_Javascript es6 class 类，子类修改父类的方法？
weixin_39873741的博客
12-20 287
让子类覆盖父类的fangfa1方法，然后想做什么就做什么class FaTher {constructor(Fname){this.Fname = Fname}fangfa1() {// alert(this.Fname)console.log(this.Fname)}fangfa12 () {console.log(this.Fname)}}// 定义子类继承父类class Son extend...
es6 类继承extends和super关键字,super调用父类普通函数以及继承中属性方法查找原则，类中this的指向问题
艾小逗
08-26 4780
类继承extends和super关键字 extends class Father{ constructor(){ //构造函数 } money(){ console.log(100) } } class Son extends Father{ //extends 子类继承父类 } var son = new Son(); son.money(); //100 ...
ES6 类的学习（二） --- class类继承，重写构造器，方法，super原理分析
秋天，黄叶坠地，凉风有信。
02-26 1077
类继承 类继承是一个类扩展另一个类的一种方式。 因此，我们可以在现有功能之上创建新功能。 “extends” 关键字 假设我们有 class Animal： class Animal { constructor(name) { this.speed = 0; this.name = name; } run(speed) { this.speed = speed; alert(`${this.name} runs with speed ${this.speed}.`
ES6新特性_ES6集合实践---JavaScript_ECMAScript_ES6-ES11新特性工作笔记031
添柴程序猿的专栏
01-30 348
然后我们来看ES6集合实践 其实就是求两个集合的交集,并集,差集 首先我们去看数组去重,首先我们可以看到上面 我们把arr数组,通过new Set(arr),把数组转换为一个集合,然后,再用扩展符号,...把这个集合转换成一个数组.得到result这个数组. 打印出来,可以看到右边,12345,去重以后的. 然后再看交集,交集就是,数组1和数组2都有的. 然后再看我们要获取交集, 首先我们把数组1,arr,转换成一个集合new Set(arr),然后再把这个集合转换成数组[....
ES6新特性_ES6迭代器技术---JavaScript_ECMAScript_ES6-ES11新特性工作笔记018
添柴程序猿的专栏
01-29 340
然后我们再来看迭代器 迭代器,就跟java中的iterator一样的. 首先先看看遍历数组我们可以用 for....of 或者for ...in 可以看到用of,获取的是值 用in获取的是key,下标对吧. 然后我们打印这个数组去看看 console.log(xiyou); 可以看到右边 可以往下看到有个iterator方法.他是Symbol的. 去看看他的工作原理 我们去获取这个iterator,然后 打印一下这个iterator,可以看到这个是个数.
子类和父类定义相同的方法和属性的解析：
sitechhaolonglogincs的专栏
06-24 8525
<br />子类和父类定义相同的方法只要符合方法覆盖的条件：<br />子类和父类定义相同属性不会产生覆盖：<br />解析：<br />这个问题不仅要考虑变量、静态变量和常量三种情况，还要考虑private、friendly（即不加访问修饰符）、protected和public四种访问权限下对属性的不同影响，private的变量与其它三种访问权限变量的不同,对象无法直接访问私有变量。<br />子类父类定义相同get，set方法的引起重写（override）。<br />结论：由于private变量受访问
es6 Class通俗理解方式
u013611033的博客
08-12 218
// 注意类没有函数声明提升，所以在实例化的时候，必须写在实例化之前， class Person{ constructor(name,age){//这个函数，在该类实例化的时候，就会立即执行,那么这里一般放各种属性,或者实例化立即需要执行的方法 this.name=name this.age=age this.show() //如果是事件，需要实例化一遍 } setShow(){ console.log(this..
重写或替换jar中的类或方法两种方式
Java和Android架构
08-25 2154
上一篇：还没毕业，我就进了HR的黑名单！目录序言重写jar的两种方式第一种第二种序言在某些特殊场景下，我们需要修改 jar 包中的某些类和方法。jar 我们没有修改权限，那么怎么重写里面的类和方法呢？本文教你两种常用的方法，分享给大家，不喜勿喷！重写jar的两种方式第一种重写步骤：找到你所要重写的方法的所在类，查看其中的路径；在我们的 src 目录下新建一个同包名同类名的类；将 jar 包中的重写...
es6 class方法理解 继承 重写父类方法 get/set
weixin_42448623的博客
11-07 2321
class 定义的一种特殊的函数 没有函数声明提示 // 无法在初始化之前访问'User' // console.log(User);// Uncaught ReferenceError: Cannot access 'User' before initialization class User{ constructor(){ } } typeof User;// function 构造函...
JS中子类中如何调用父类的同名方法（继承时候，父类的同名方法被覆盖了）
热门推荐
高山上的鱼
09-05 1万+
继承时候，同名方法发生覆盖了，通过在临时私有变量先保存超类的同名方法，然后在子类同名方法中调用即可！ function A() {   //通过call传递进来的this就是var b=new B()创建的b对象，所以this.sex打印了female   this.m=function(){alert("A"+this.sex)} } function B() { //用
ES6-11中class类：定义构造函数初始化、继承父类、调用父级构造函数等
chenjunxing1992的博客
07-05 717
class类：定义构造函数初始化、继承父类、调用父级构造函数、定义静态方法和属性
ES6中super的使用
king_xing的专栏
05-08 9068
ES6中super用于类继承，有二种方式： 直接作函数使用，但只能用在构造函数中； 作为父类，可调用父类的方法和属性（包括静态）。第一种方式有二点要注意，在构造函数中用this之前，必须先使用super。 另一点算是super的BUG吧。当父类和子类都重写了构造函数时，如果在子类构造函数中设置类属性~如：this.prop = [];将会报错。具体见：http://stackoverflow.
4.子级调用父级同名方法
小漠007的专栏
05-12 1234
demo：http://runjs.cn/code/kczjdwfp     console.log("有时候子类实现某个功能的时候需要父类调用同个函数才能实现相应功能")  console.log("接下来我们通过定义一个_super来实现调用父类同名函数，我们暂时通过修改toSting检测父类和调用父类的同名方法")         //构造函数     function Shape(
es6基础0x018：类、继承、重写、超类调用
weixin_33958585的博客
11-15 453
0x000 概述 es6真正的引入的面相对象的类，以前我们总是通过其他手段来模拟类这种形式，现在终于有了，我有点开心，又有点难过，因为在我看来，js并不是所谓的面相对象的语言，反而更偏向函数式，原型继承是他真正的面目。面相对象不过是人们在思考问题时总结出一套有效的、大家都认同的解决问题的思路。在其他语言、各种领域取得成功之后，又将这种思想...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

添柴程序猿

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

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

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

打赏作者

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

抵扣说明：

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

余额充值