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

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

#javascript

本文深入探讨了ES6中的继承机制，重点解析了`super`关键字的作用。`super`作为函数调用时，必须在子类构造函数内部，它用于调用父类的构造函数。而在对象使用时，`super`可以在其他方法中调用，其指向取决于上下文。在静态方法中，`super`代表父类，而在原型方法中，它指向父类的原型。此外，修改`super`的属性会实质上修改子类的属性，因为`this`总是指向子类。了解这些细节对于掌握ES6的继承至关重要。
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是子类
阿坤_21
关注
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 继承为什么一定要写 super()？super代表什么？
scorpio的世界
02-18 4213
ES6在继承中强制要求，必须在子类调用super，因为子类的this是由父类得来的。 super等价于parent.prototype.constructor.call(sub)。 super即可以做为函数调用，又可以做为对象使用。做为函数时，只能在constructor内部调用。做为对象则可以在别的方法内调用。 class B extends A {} super如果再静态方法内调用，sup...
ES6的Class继承--super关键字
郊眠寺
09-24 915
类的继承可以通过extends实现，让子类继承父类的属性和方法，而在子类内部（构造函数constructor）必须调用super()实现继承（super()代表父类构造函数，调用之后生成一个继承父类的this对象）子类通过extends实现继承父类，子类里必须调用super()来实现继承（super()因为ES6继承机制就是调用super()生成一个继承父类的this然后把它作为子类的实例子类构造函数内只有在调用了super()之后才能使用this要注意的是，super()作为父类构造函数只能在子类。
类的构造方法中为何this()或super()语句要放在第一句
qq_41357191的博客
01-31 1335
class A { A() { System.out.println(“You call super class non-args constructor!”); } } class B extends A { B() { //这里，编译器将自动加上 super(); System.out.println(“You call subclass constructor!”); } B(String n) { super(); this(); //实际就是调用了B(){...}，而
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 关键字
雾里看花叹朦胧
10-20 1115
以下只是个人的学习笔记：super这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。1、当作函数使用class A {}class B extends A { constructor() { super(); //ES6 要求，子类的构造函数必须执行一次super函数。 } }注意，super虽然代表了父类A的构造函数，但是返回的是子类B的实例，即
ES6 class类链式继承，实例化及react super(props)原理详解
10-15
主要介绍了ES6 class类链式继承，实例化及react super(props)原理,结合实例形式详细分析了ES6 中class类链式继承，实例化及react super(props)原理相关概念、原理、定义与使用技巧,需要的朋友可以参考下
精选资源
JavaScript中类的继承（ES6、class、extends、super）
01-08
`class`关键字用于声明一个类，例如`class Test {}`定义了一个名为Test的类。类体内部可以定义构造函数、方法等，这些成员将在实例化时供类的实例使用。 2. **`extends`关键字**： `extends`关键字是实现继承的...
ES6 javascript中Class类继承用法实例详解
10-19
ES6引入了Class关键字，允许开发者使用传统的面向对象编程方式来创建类和实现继承。下面详细介绍ES6中Class类继承的用法、相关属性、方法以及使用技巧。 ### 基本用法 ES6中定义类的基本语法使用`class`关键字，...
ES6 class继承的继承中为什么必须要用super( )
高町的博客
07-06 2493
在学习class继承时，咱一直在想，凭什么就得加你个super()?
类的继承以及this()调用和super()调用
qq_41054844的博客
08-05 630
继承 什么是继承？继承财产！儿子继承父亲的财产。 Java是单继承机制，即一个儿子类只能有一个父亲类。但是反过来，一个父亲类可以有很多个儿子。 class Dog{ String name; void show() { System.out.println("汪汪"); } } class Dog1{ String name; void show()...
java super可以不写_子类的构造函数中，第一句写不写super()都一样吗?
weixin_42327688的博客
02-25 602
你的位置:问答吧-> JAVA-> 问题详情子类的构造函数中，第一句写不写super()都一样吗?下面这个程序的输出总是fatherchild为什么有没有super()调用，结果都一样呢?那么ctor里面第一句话写上super()又有什么意义呢?---------------------------------...
JavaScript第 22 篇，ES6中的 class 关键字和 super 关键字，使用详细（class类和super()方法）
NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.youkuaiyun.com）
06-29 1776
⭐在ES6中，我们可以使用class关键字来定义类，并通过extends关键字实现类的继承，在子类中，我们可以使用super()关键字来调用父类的构造函数。今天就来记录一下它们的基本使用
day27ES6语法：class、super、深/浅拷贝
weixin_45637649的博客
03-22 701
文章目录一、class1.面向对象编程1.1 概念面向过程面向对象1.2 类1.3 对象2.class的基本使用3.constructor4.静态、成员(实例)属性/方法二、继承1.基本用法2.super的用法3.面向对象的应用场景3.1 封装公共方法3.2 框架中使用三、深/浅拷贝1.浅拷贝2.深拷贝的实现3.补充 一、class 1.面向对象编程 1.1 概念 面向对象是一种以对象为中心的编程思想。面向对象是相对于面向过程来讲的，面向对象把相关的数据和方法组织为一个整体来看待，从更高的层次来进行系统建模
为什么每个 class 中都要写 super， super 是做什么的？
cxz
04-06 1155
子类必须在 constructor 方法中调用 super 方法，否则新建实例时会报错。 这是因为子类自己的 this 对象，必须先通过父类的构造函数完成塑造，得到与父类同样的实例属性和方法，然后再对其进行加工，加上子类自己的实例属性和方法。如果不调用 super 方法，子类就得不到 this 对象。 ES5 // Shape - 父类(superclass) function Shape() { this.x = 0; this.y = 0; } // 父类的方法 Shape.prototyp.
ES6篇（20）--Class的继承
u012149906的博客
08-08 464
阮一峰ES6 Class继承（1）简介 ①Class通过extends实现继承。 ②子类必须在constructor方法中调用super方法，否则新建实例时会报错； 因为子类自己的this对象，必须先通过父类的构造函数完成塑造，得到与父类同样的实例属性和方法， 然后对其进行加工，加上子类自己的实例属性和方法，如果不调用super方法，子类就得不到this对象。 【注意：在子类的构造函数中，只有先调...
es6中class类、super和estends关键词
高先生的猫
08-13 591
JavaScript语言在ES6中引入了 class 这一个关键字，在学习面试的中，经常会遇到面试官问到谈一下你对 ES6 中class的认识，同时我们的代码中如何去使用这个关键字，使用这个关键字需要注意什么，这篇来总结一下相关知识点。 1.es6之前创建对象 先来看下es6之前我们要想创建一个对象，只能通过构造函数的方式来创建，将静态方法添加在原型上面使得每一个实例能够调用该方法。 function Person(name, age) { this.n.
[ES6] Class中的super
lwq的博客
01-24 5903
super关键字出现的前提是使用Class的继承。 class Person { // ... } class Student extends Person{ constructor(){ super(); } } 为什么会有super 当类使用继承，并实例化时， es5 的继承是先创建子类的thi
ES6 Class继承中super在不同场景中的用法
linusc的博客
12-11 4015
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、付费专栏及课程。

余额充值