ES6 的 class 继承为什么一定要写 super()？super代表什么？

最新推荐文章于 2023-06-29 17:50:25 发布
最新推荐文章于 2023-06-29 17:50:25 发布
阅读量4.1k 收藏 4
点赞数
分类专栏： javascript 文章标签： super ES6 class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/scorpio_h/article/details/104370222
版权
  • ES6在继承中强制要求，必须在子类调用super，因为子类的this是由父类得来的。
  • super等价于parent.prototype.constructor.call(sub)。
  1. super即可以做为函数调用，又可以做为对象使用。做为函数时，只能在constructor内部调用。做为对象则可以在别的方法内调用。
  2. class B extends A {} super如果再静态方法内调用，super是父类(A)，如果方法里有this，则指向该类(B)，如果在原型方法内调用。super指向父类的原型(A)，如果方法里有this，则指向该实例的原型(B)
  3. 给super添加属性或者修改，修改的是子类的属性，因为this是子类。

ES6专题 class类继承super详解
一点一滴
03-12 1万+
super作为对象在普通方法中指向父类的原型对象 class A{ // 属性应该怎么写？？？ //#pA私有属性，static pA静态属性 pA = 123 //实例属性 p(){ return 3 } } //A.prototype.pA = 123 class B extends A{ constructor(){ ...
ES6 class继承的继承中为什么必须要用super( )
高町的博客
07-06 2325
在学习class继承时，咱一直在想，凭什么就得加你个super()?
ES6的class类继承为什么一定要写super()？
zoukunyang的博客
09-01 642
ES6在继承中强制要求，必须在子类调用super，因为子类的this是由父类得来的。 super等价于parent.prototype.constructor.call(sub)。 super即可以做为函数调用，又可以做为对象使用。做为函数时，只能在constructor内部调用。做为对象则可以在别的方法内调用。 class B extends A {} super如果再静态方法内调用，super是父类(A)，如果方法里有this，则指向该类(B)，如果在原型方法内调用。super指向父类的原型(A)，如
类的super的作用
从人到猿
03-25 1728
  派生类的方法可以通过super关键字引用它们的原型。这个关键字只能在派生类中使用，而且仅限于类构造函数、实例方法和静态方法内部。   在类构造函数中使用super可以调用构造函数。 class Vehicle{ constructor() { this.hasEngine = true } } class Bus extends Vehicle{ constructor(){ // 不要在调用super之前引用this，否则会抛出错误
为什么每个 class 中都要写 super， super 是做什么的？
cxz
04-06 1030
子类必须在 constructor 方法中调用 super 方法，否则新建实例时会报错。 这是因为子类自己的 this 对象，必须先通过父类的构造函数完成塑造，得到与父类同样的实例属性和方法，然后再对其进行加工，加上子类自己的实例属性和方法。如果不调用 super 方法，子类就得不到 this 对象。 ES5 // Shape - 父类(superclass) function Shape() { this.x = 0; this.y = 0; } // 父类的方法 Shape.prototyp.
ES6的Class继承--super关键字
郊眠寺
09-24 827
类的继承可以通过extends实现，让子类继承父类的属性和方法，而在子类内部（构造函数constructor）必须调用super()实现继承（super()代表父类构造函数，调用之后生成一个继承父类的this对象）子类通过extends实现继承父类，子类里必须调用super()来实现继承（super()因为ES6继承机制就是调用super()生成一个继承父类的this然后把它作为子类的实例子类构造函数内只有在调用了super()之后才能使用this要注意的是，super()作为父类构造函数只能在子类。
es6 class类继承（extends、super）
A20201130的博客
03-21 1009
Class 可以通过extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。 1.extends继承，用于类中的定义 2.super①当成函数使用，表示父类的构造器 ②当成对象使用，则表示为父类的原型 它指代父类的实例（即父类的this对象）。子类必须在constructor方法中调用super方法，否则新建实例时会报错。 实例： // ES6 class继承 // extends 继承，用于类中的定义 // super 1...
ES6 class类链式继承，实例化及react super(props)原理详解
10-15
主要介绍了ES6 class类链式继承，实例化及react super(props)原理,结合实例形式详细分析了ES6 中class类链式继承，实例化及react super(props)原理相关概念、原理、定义与使用技巧,需要的朋友可以参考下
深入浅析ES6 Class 中的 super 关键字
08-29
深入浅析ES6 Class 中的 super 关键字 ES6 中的 Class 引入了一个新的关键字 super，这个关键字可以作为函数使用，也可以作为对象使用。在本文中，我们将深入浅析 ES6 Class 中的 super 关键字，了解其用法和特点。...
es6中super关键字的理解
前端361
09-10 2588
前面介绍了static关键字，class类还有另外一个关键字super super不仅仅是一个关键字，还可以作为函数和对象。 函数：在子类继承父类中，super作为函数调用，只能写在子类的构造函数（constructor）里面，super代表的是父类的构造函数， 难点理解 但是执行过时supre()代表的是子类，super()里面的this指向子类的实例对象this。 class A ...
Class继承中super
热带雨林小疯子
05-26 488
super这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。1、super作为函数调用super作为函数调用时，代表父类的构造函数。ES6 要求，子类的构造函数必须执行一次super函数。class A {} class B extends A { constructor() { super(); } }上面代码...
React中super(props)和super()以及不写super()的及ES6和ES5的区别
zlq_CSDN的博客
08-14 914
一、constructor和super的基本含义 constructor() – 构造方法 这是es6中的类的默认方法，通过new命令生成对象实例自动调用的方法。 并且，该方法是类中必须要有的，如果没有显示定义，则会默认添加空的constructor()方法。 super() – 继承 在class方法中，继承是使用extends关键字来实现继承的。 子类必须在constructor()中调用super()方法，否则新建实例时会报错。 报错的原因是，子类是没有自己的this对象的，它只能继承父类的this对
Python Class super().__init__() 作用
Wu的博客
02-25 2136
在 python3 中为 super()._init_() 在 python2 中 为 super(classname, self)._init_() 先定义一个父类 A,里面的 init 构造函数 class A: def __init__ (self, w): self.w = w def aa(self, a): a = self.w print(a) class B(A): def __init__ (self, w):
浅析class中的super关键字
weixin_43933771的博客
04-12 3056
浅析class中的super关键字 下面一起来简单了解下 super 这个关键字，它不仅仅是一个关键字，还可以作为函数和对象。 （1）super 作为函数调用 在子类继承父类时，如果 super 作为函数调用的话，只能写在子类的构造函数(constructor)里面，并且代表的是父类的构造函数。 （2）super 作为对象使用 super 作为对象使用时，分为在普通方法中使用和在静态方法中使用。 普通方法使用: super 指向父类的原型即可以访问到原型上的方法和属性,也就是指向它父类的原型对象 cla
JavaScript第 22 篇，ES6中的 class 关键字和 super 关键字，使用详细（class类和super()方法）
最新发布
weixin_65793170的博客
06-29 1460
⭐在ES6中，我们可以使用class关键字来定义类，并通过extends关键字实现类的继承，在子类中，我们可以使用super()关键字来调用父类的构造函数。今天就来记录一下它们的基本使用
class类super函数_子类调用父类
nio1396的博客
11-16 979
class类调用super函数 对于python这种面向对象编程的语言，在调用class类的过程中，如果有过多的子类对父类进行调用（也就是发生继承过程），会造成不必要的性能损失，所以我们可以在子类继承中使用super 函数，具体使用方式如下： class person: def __init__(self, fname, lname): print('enter person') self.firstname = fname self.lastname
python 中的super()继承，搜索广度为先
weixin_30546189的博客
08-15 89
一、python中类的继承 1.1 单继承 在python 中我们可以这样来定义一个类：及继承它的子类 class Father: def __init__(self, mes): #1 父类的init构造方法 print('From Father. form {}'.format(mes)) class Child(Father): d...
constructor、class、super之间的关系
吃瓜群众的博客
01-12 1772
我们在弄清楚关系之前，我们首先要清楚各自的概念. 1、class class是一种语法糖 类和模块的内部，默认就是严格模式 不存在变量提升 由于本质上，ES6 的类只是 ES5的构造函数的一层包装，所以函数的许多特性都被Class继承，包括name属性。 2、constructor constructor 是一种用于创建和初始化class创建的对象的特殊方法， class Polygon { constructor() { this.name = 'Polygon'; } }
【javascript】class的继承之super的使用
qwerty053的博客
11-13 7917
刚学了super，趁热打铁，写一篇博客 我们大家都知道，在class的继承中，子类如果想要继承父类且能生成子类实例，就必须要在constructor中调用super()，那么super在此处到底代表什么呢？除了这个用法，super还有别的用法吗？ 接下来我们就来捋一捋super的用法吧~ 首先，super既可以当函数使用，也可以当对象使用 这是很重要的，我们需要记住，当你需要引用super时，你要想清楚在此处super是函数还是对象，所以当你直接console.log(super)时会报错，因为你没有指定s
es6继承为什么需要super？不执行super有什么问题？
06-11
ES6中的继承通过class和extends关键字实现，子类通过继承父类来获得父类的属性和方法。在子类的构造函数中，super关键字表示调用父类的构造函数。super()必须在子类的构造函数中调用，否则会报错。 super的作用主要有以下几个方面： 1.调用父类的构造函数，实现子类的初始化。如果子类没有显式调用super()，则无法获得父类的属性和方法。 2.在子类中使用this关键字之前，必须先调用super()，否则会报错。因为在子类中，this关键字必须先指向子类实例对象，然后才能使用this关键字访问子类的属性和方法。 3.在父类中定义的方法，可以在子类中通过super关键字来调用。这样可以避免在子类中重复定义相同的方法，提高代码复用性。 如果不执行super，则子类会继承父类的方法和属性，但是无法正确地初始化子类，也无法在子类中使用this关键字，这样会导致子类的属性和方法无法正常工作。因此，必须在子类的构造函数中调用super()，以确保子类能够正确地继承父类的属性和方法，并且能够正确地初始化子类。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值