ES6的Class继承--super关键字

最新推荐文章于 2023-08-05 17:38:21 发布
最新推荐文章于 2023-08-05 17:38:21 发布
阅读量125 收藏
点赞数
文章标签： 前端 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhu_liu_kun/article/details/128599036
版权
ES6的继承机制中，子类必须在构造函数里调用super()来初始化父类的属性和方法。super作为函数时，它代表父类的构造函数，用于生成子类实例。而在子类普通方法中，super作为对象则指向父类的原型对象，允许访问父类原型上的属性和方法。然而，父类实例上的属性和方法需通过子类实例直接访问。
摘要由CSDN通过智能技术生成

  • ES6 的继承必须先调用super()，这样会生成一个继承父类的this对象，没有这一步就无法继承父类。这意味着新建子类实例时，父类的构造函数必定会先运行一次

  • super既可以作为函数使用，也可以作为对象使用，两种方式有很大的不同

super作为函数

super()作为函数调用时（子内constructor内部必须调用），代表父类的构造函数，调用之后生成的是子类的实例，即super()内部this指向的是子类的实例（由构造函数this指向可得出，构造函数内部this指向的是生成的实例，而super()调用之后生成的是子类实例）

super作为对象时，在子类普通方法中，指向父类的原型对象；在子类静态方法中，指向父类

super在子类普通方法中作为对象

当super作为对象在子类普通方法（非静态方法）中使用时，由于super指向父类的原型对象，所以定义在父类原型对象上的属性和方法都可以被访问到，而定义在父类实例上（父类构造函数内this.xxx）的方法或属性无法被访问到

朱留坤
关注
ES6 类的完美继承 extends，前端开发技巧
2401_84092508的博客
04-03 643
b.print();super：调用父类的constructor里面的属性和方法(必须调用一次)父类的静态方法，也会被子类继承在子类使用this前必须先调用一次super父类方法可以用来从子类上获取父类super关键字class A {super();super()内部的this指向的调用者（子类）super只能放在子类的constructor方法中，不然就报错如果super做为对象，在静态方法中，这时的super指向父类，而不是父类的原型类的方法就是静态方法带static的方法。
ES6 类继承 和 super的使用
weixin_34302798的博客
02-12 195
ES6继承 详细类容参考：http://es6.ruanyifeng.com/#do... 1、super()使用 class A { construcor(a, b) { this.a = a; this.b = b; } } class B extends A { constr...
ES6中属性以及方法的继承(super)
weixin_43862991的博客
06-20 784
<script> //创建一个Father类 class Father{ //利用constructor来创建属性 constructor(name,age){ this.name=name this.age=age } //方法在外边直接定义 Sing(){ console.log('I can sing') } } //创建一个Son类，这个类继承Father的属性并且还拥有自己的属性 //E
ES6中super()方法的使用和作用
最新发布
前端小白的博客
08-05 425
在上面的例子中，我们首先定义了一个Animal类，它有一个构造函数和一个speak方法。然后我们定义了一个speak方法，通过使用super.speak()来调用父类的speak方法，并在子类中添加了一些额外的功能。在子类的构造函数中，我们可以使用super()来调用父类的构造函数，以便可以在子类中访问父类的属性和方法。它必须在子类的构造函数中调用super()，以便可以在子类中访问父类的属性和方法。通过使用super()方法，我们可以在子类中使用父类的属性和方法，从而实现了继承和扩展。
[ES6] Class中的super
lwq的博客
01-24 5828
super关键字出现的前提是使用Class的继承。 class Person { // ... } class Student extends Person{ constructor(){ super(); } } 为什么会有super 当类使用继承，并实例化时， es5 的继承是先创建子类的thi
深入浅析ES6 Class 中的 super 关键字
08-29
深入浅析ES6 Class 中的 super 关键字 ES6 中的 Class 引入了一个新的关键字 super，这个关键字可以作为函数使用，也可以作为对象使用。在本文中，我们将深入浅析 ES6 Class 中的 super 关键字，了解其用法和特点。...
es6-Girls-reminder-
05-09
- `extends`关键字实现继承，`super`关键字调用父类的构造函数或方法。 6. **模块导入导出**： - `import`和`export`关键字实现了模块化，可以按需导入和导出函数、变量、对象等。 7. **默认参数和剩余参数**： ...
ES6学习05--继承和ES5继承的区别
weixin_53027472的博客
09-15 621
ES6新增类特性，与ES5 组合继承的比较
es6中class继承的坑
kellywong的博客
11-23 1498
1. es6继承的过程 ES6 的继承机制和ES5完全不同，实质是先将父类实例对象的属性和方法，加到this上面（所以必须先调用super方法），然后再用子类的构造函数修改this。在子类的构造函数中，只有调用super之后，才可以使用this关键字，否则会报错。这是因为子类实例的构建，基于父类实例，只有super方法才能调用父类实例。 2. super关键字 super作为函数调用时，代表父类...
ES6 class继承的继承中为什么必须要用super( )
高町的博客
07-06 2284
在学习class继承时，咱一直在想，凭什么就得加你个super()?
理解 es6 class 中 constructor 方法 和 super 的作用
weixin_33918357的博客
07-16 1285
首先，ES6 的 class 属于一种“语法糖”，所以只是写法更加优雅，更加像面对对象的编程，其思想和 ES5 是一致的。 function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function() { return '(' + this.x + ',' + this.y + ')'; ...
ES6中的实现继承的方法和super关键字的用法，注释清晰！
qq_44890362的博客
10-12 609
ES6中通过Class‘类’这个语法糖实现继承和Java等面向对象的语言在实现继承上已经非常相似，当然只是语法层面相似，本质当然依旧是通过原型实现的。 ES6实现继承是通过关键字extends、super来实现继承。 super关键字的用法： 1.直接当成函数使用，表示调用父类的构造器 2.当成对象使用，表示父类的原型 <!-- 原型的继承 --> <script> // es6中的继承 // 先创建一个父类 .
ES6 -类的继承-super 学习笔记
进一步，有一步的欢喜。
04-25 409
js类 super
ES6 class的继承使用细节
小红帽的博客
04-28 8823
ES6 class的继承与java的继承大同小异，如果学过java的话应该很容易理解，都是通过extends关键字继承。 class Animal{ constructor(color){ this.color = color; }; } class Bear extends Animal{ constructor(){ super(); } } 其余的就不多说了，这里着重讲一
es6 类的继承 super() 例子简述
qq_43344133的博客
01-24 603
es6 类的继承 super() 例子简述 es6提供了类 —— class： class：可理解为一函数（function），由于它本质还是一个function，拥有一个的prototype属性，当实例化类时，会把它的 porototype 属性赋值给实例化对象的__proto__ 属性。 关于 class 有几个关键词，下面讲述一下： 1、constructor 方法是默认的构造方法，在实例化对象时会自动调用该方法；constructor 里面定义属性。 2、通过 extends 和 super 继
ES6 Class继承中super在不同场景中的用法
linusc的博客
12-11 3926
super这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。第一种情况，super作为函数调用时，代表父类的构造函数。ES6 要求，子类的构造函数必须执行一次super函数。class A {}class B extends A { constructor() { super(); } }上面代码中，子类B的构造函数之中的super()，代表调用父
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值