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

最新推荐文章于 2023-06-29 17:50:25 发布
原创 最新推荐文章于 2023-06-29 17:50:25 发布 · 4.2k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#super #ES6 #class

本文深入探讨ES6中继承的实现机制，强调了super关键字的重要性。super不仅用于调用父类构造函数，还能作为对象使用，允许在子类中访问父类的方法和属性。文章解析了super在不同上下文中的行为差异，如静态方法、原型方法以及实例方法内的调用特点。
  • 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类继承（extends、super）
A20201130的博客
03-21 1100
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( )
高町的博客
07-06 2493
在学习class继承时，咱一直在想，凭什么就得加你个super()?
ES6的class类继承为什么一定要写super()？
zoukunyang的博客
09-01 725
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 1838
  派生类的方法可以通过super关键字引用它们的原型。这个关键字只能在派生类中使用，而且仅限于类构造函数、实例方法和静态方法内部。   在类构造函数中使用super可以调用构造函数。 class Vehicle{ constructor() { this.hasEngine = true } } class Bus extends Vehicle{ constructor(){ // 不要在调用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(){ ...
为什么每个 class 中都要写 super， super 是做什么的？
cxz
04-06 1154
子类必须在 constructor 方法中调用 super 方法，否则新建实例时会报错。 这是因为子类自己的 this 对象，必须先通过父类的构造函数完成塑造，得到与父类同样的实例属性和方法，然后再对其进行加工，加上子类自己的实例属性和方法。如果不调用 super 方法，子类就得不到 this 对象。 ES5 // Shape - 父类(superclass) function Shape() { this.x = 0; this.y = 0; } // 父类的方法 Shape.prototyp.
深入浅析ES6 Class 中的 super 关键字
08-29
深入浅析ES6 Class 中的 super 关键字 ES6 中的 Class 引入了一个新的关键字 super，这个关键字可以作为函数使用，也可以作为对象使用。在本文中，我们将深入浅析 ES6 Class 中的 super 关键字，了解其用法和特点。...
es6继承为什么需要super？不执行super有什么问题？
06-11
ES6中的继承通过class和extends关键字实现，子类通过继承父类来获得父类的属性和方法。在子类的构造函数中，super关键字表示调用父类的构造函数。super()必须在子类的构造函数中调用，否则会报错。 super的作用主要...
es6中super关键字的理解
前端361
09-10 2645
前面介绍了static关键字，class类还有另外一个关键字super super不仅仅是一个关键字，还可以作为函数和对象。 函数：在子类继承父类中，super作为函数调用，只能写在子类的构造函数（constructor）里面，super代表的是父类的构造函数， 难点理解 但是执行过时supre()代表的是子类，super()里面的this指向子类的实例对象this。 class A ...
Class继承中super
热带雨林小疯子
05-26 548
super这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。1、super作为函数调用super作为函数调用时，代表父类的构造函数。ES6 要求，子类的构造函数必须执行一次super函数。class A {} class B extends A { constructor() { super(); } }上面代码...
React中super(props)和super()以及不写super()的及ES6和ES5的区别
zlq_优快云的博客
08-14 992
一、constructor和super的基本含义 constructor() – 构造方法 这是es6中的类的默认方法，通过new命令生成对象实例自动调用的方法。 并且，该方法是类中必须要有的，如果没有显示定义，则会默认添加空的constructor()方法。 super() – 继承 在class方法中，继承是使用extends关键字来实现继承的。 子类必须在constructor()中调用super()方法，否则新建实例时会报错。 报错的原因是，子类是没有自己的this对象的，它只能继承父类的this对
Python Class super().__init__() 作用
Wu的博客
02-25 2265
在 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 3290
浅析class中的super关键字 下面一起来简单了解下 super 这个关键字，它不仅仅是一个关键字，还可以作为函数和对象。 （1）super 作为函数调用 在子类继承父类时，如果 super 作为函数调用的话，只能写在子类的构造函数(constructor)里面，并且代表的是父类的构造函数。 （2）super 作为对象使用 super 作为对象使用时，分为在普通方法中使用和在静态方法中使用。 普通方法使用: super 指向父类的原型即可以访问到原型上的方法和属性,也就是指向它父类的原型对象 cla
JavaScript第 22 篇，ES6中的 class 关键字和 super 关键字，使用详细（class类和super()方法）
NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.youkuaiyun.com）
06-29 1775
⭐在ES6中，我们可以使用class关键字来定义类，并通过extends关键字实现类的继承，在子类中，我们可以使用super()关键字来调用父类的构造函数。今天就来记录一下它们的基本使用
class类super函数_子类调用父类
nio1396的博客
11-16 1044
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 124
一、python中类的继承 1.1 单继承 在python 中我们可以这样来定义一个类：及继承它的子类 class Father: def __init__(self, mes): #1 父类的init构造方法 print('From Father. form {}'.format(mes)) class Child(Father): d...
对class、superclass、super你了解多少？
sfjsxhb的博客
03-08 1004
class：获取方法调用者的类名； superclass：获取方法调用者的父类类名； super：编译修饰符，不是指针，跟const类似于关键字的作用，指向父类的标志；     本质还是拿到当前对象去掉用父类的方法； self：是一个指针，有地址；
constructor、class、super之间的关系
吃瓜群众的博客
01-12 1929
我们在弄清楚关系之前，我们首先要清楚各自的概念. 1、class class是一种语法糖 类和模块的内部，默认就是严格模式 不存在变量提升 由于本质上，ES6 的类只是 ES5的构造函数的一层包装，所以函数的许多特性都被Class继承，包括name属性。 2、constructor constructor 是一种用于创建和初始化class创建的对象的特殊方法， class Polygon { constructor() { this.name = 'Polygon'; } }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值