ES6关键字“super“的含义和用法

最新推荐文章于 2025-02-13 11:37:53 发布
最新推荐文章于 2025-02-13 11:37:53 发布
阅读量280 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： es6 前端 ecmascript 编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/TechChamp/article/details/133535351
编程 专栏收录该内容
361 篇文章 ¥29.90 ¥99.00
订阅专栏
ES6中的'super'关键字用于引用父类的构造函数和方法。在子类构造函数中，通过'super'调用父类构造函数，初始化父类属性；在子类中，'super'用于访问父类的方法，实现继承与代码复用，支持面向对象编程。

“super” 是JavaScript中的一个关键字，用于引用父类的构造函数或方法。它主要用于在子类中调用父类的构造函数以及访问父类的方法。

  1. 调用父类的构造函数：
    当我们创建一个子类时，通常需要先调用父类的构造函数来初始化父类的属性。使用 “super” 关键字可以实现这一点。在子类的构造函数中，使用 “super” 来调用父类的构造函数，并传递相应的参数。这样可以确保子类实例在创建时能够正确地初始化父类的属性。

    下面是一个简单的示例代码：

    class Parent {
     
     
  constructor(name) {
     
     
    this.name = na
了解本专栏 订阅专栏 解锁全文
es6 super关键字的理解与应用实例分析
11-21
本文实例讲述了es6 super关键字的理解与应用。分享给大家供大家参考，具体如下： 前面介绍了static关键字，class类还有另外一个关键字super super不仅仅是一个关键字，还可以作为函数和对象。 函数：在子类继承父类中，super作为函数调用，只能写在子类的构造函数（constructor）里面，super代表的是父类的构造函数， 难点理解 但是执行过时supre()代表的是子类，super()里面的this指向子类的实例对象this。 class A { constructor() { console.log(new.target.name); } } class
深入浅析ES6 Class 中的 super 关键字
08-29
本文给大家收藏整理了ES6 Class 中的 super 关键字，非常不错，具有参考借鉴价值，需要的朋友参考下吧
super關鍵字
weixin_30907523的博客
01-01 168
super 关键字 我们知道，this关键字总是指向函数所在的当前对象，ES6 又新增了另一个类似的关键字super，指向当前对象的原型对象。 const proto = { foo: 'hello' }; const obj = { find() { return super.foo; } }; Object.setPrototypeOf(obj,...
ES6 中的 super 关键字
huangpb的博客
07-01 680
​ super 关键字指向当前对象的原型对象。 1.super的简单应用 const person = { name:'jack' } const man = { sayName(){ return super.name; } } Object.setPrototypeOf( man, person ); let n = man.sayName(); //jack 注意，super 关键字表示原型对象时，只能用在对象的方法之中，用在其他地方都会报错。目前...
ES6的Class继承--super关键字
郊眠寺
09-24 915
类的继承可以通过extends实现，让子类继承父类的属性和方法，而在子类内部（构造函数constructor）必须调用super()实现继承（super()代表父类构造函数，调用之后生成一个继承父类的this对象）子类通过extends实现继承父类，子类里必须调用super()来实现继承（super()因为ES6继承机制就是调用super()生成一个继承父类的this然后把它作为子类的实例子类构造函数内只有在调用了super()之后才能使用this要注意的是，super()作为父类构造函数只能在子类。
关于 super 关键字
iamxuqianqian的博客
04-01 379
super 这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。 作为函数调用 super 作为函数调用时，代表父类的构造函数。ES6 要求，子类的构造函数必须执行一次 super 函数。 class A {} class B extends A { constructor() { super(); } } 上面代码中，子类B的构造函数之中的 super()，代表调用父类的构造函数。这是必须的，否则 JavaScript 引擎会报错。 注意，super.
es6 super关键字
歪脖先生的博客
02-02 1015
super关键字 super这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。 第一种情况，super作为函数调用时，代表父类的构造函数。ES6 要求，子类的构造函数必须执行一次super函数。 class A {}class B extends A { constructor() { super(); }} 上面代码中，子类B
ES6中的super关键字详解
ES6之super关键字详解
12-31 4330
ES6重新实现了类的继承，而在继承的过程中，super关键字实现了至关重要的作用，可以说理解不了super关键字，也就掌握不了类的继承，今天我们就一起来盘盘super这个关键字 首先抛出一个概念： super这个关键字，既可以当作函数使用，又可以当作对象使用 第一种情况：super作为函数时，代表父类的构造函数 ES6要求，子类的构造函数，必须执行一次super函数 class A {} class B extends A { constructor() { super();//子类.
ES6 super关键字
雾里看花叹朦胧
10-16 632
我们知道，this关键字总是指向函数运行时所在的当前对象，ES6 又新增了另一个类似的关键字super，指向当前对象的原型对象。let prop = { name: "zhang" }; const a = { find(){ //对象的方法 return super.name; } }; Object.setPrototypeOf(a, prop); co
ES6中super的使用
king_xing的专栏
05-08 9090
ES6中super用于类继承，有二种方式： 直接作函数使用，但只能用在构造函数中； 作为父类，可调用父类的方法和属性（包括静态）。第一种方式有二点要注意，在构造函数中用this之前，必须先使用super。 另一点算是super的BUG吧。当父类和子类都重写了构造函数时，如果在子类构造函数中设置类属性~如：this.prop = [];将会报错。具体见：http://stackoverflow.
ES6中super()方法的使用和作用
前端小白的博客
08-05 497
在上面的例子中，我们首先定义了一个Animal类，它有一个构造函数和一个speak方法。然后我们定义了一个speak方法，通过使用super.speak()来调用父类的speak方法，并在子类中添加了一些额外的功能。在子类的构造函数中，我们可以使用super()来调用父类的构造函数，以便可以在子类中访问父类的属性和方法。它必须在子类的构造函数中调用super()，以便可以在子类中访问父类的属性和方法。通过使用super()方法，我们可以在子类中使用父类的属性和方法，从而实现了继承和扩展。
es6中的super关键字
weixin_39750745的博客
11-20 253
const proto = { foo:'hello' }; const obj = { foo:'world', find() { return super.foo } } Object.setProtetypeOf(obj,proto); //这句话的意思是将obj的原型设置为proto的原型 console.log(obj.find()); //打印hello 注意super...
ES6中的super关键字
Meskjei的博客
04-09 506
在其它面向对象的语言中都能看到一个关键字super。这个关键字的含义通常是“父类”的意思。而在Javascript中，super换了一个与“父类”相近的含义，即“原型（prototype）”。 let proto = { foo: 'hello' }; let obj = { foo: 'world', find() { return super.foo; } }; O...
es6 class 中 super 的使用
做一个有知识的流氓
09-09 475
【代码】es6 class 中 super 的使用。
浅谈ES6中super关键字
xuxinwen32的博客
02-20 7201
作用： 1 super 关键字用于访问父对象上的函数。 语法： 1 2 super([arguments]); // 访问父对象上的构造函数 super.functionOnParent([arguments]); // 访问对象上的方法 详解： super可以用在类的继承中，或者对象字面量中...
JS中ES6语法的super到底是什么？
weixin_45757499的博客
05-09 1018
ES6 中的继承和 super 的用法大家都不会陌生，可是一问到 super 到底是什么，估计很对人都会回答不上来。在 ES6 中，super 是一个特殊的语法，而且它比 this 还要特殊，有很多用法上的限制。 super类似于ES5语法中的call继承 class A{ constructor(n){ console.log(n); //=>100; this.x = 100; } getX(){ console.log(th
es6 中super关键字的理解
li1484155613的博客
09-29 739
1、被当作函数引用时，代表父类的构造函数 类似于super()相当于A。prototype.constructor.call(tihs) 实质是先创建父类的实例对象，必须先调用super，然后给子类添加this 2、super作为对象使用时在普通方法中指向父类的原型对象 此处的super.x就是将super作为对象使用，类似于A.prototype.x 因此定义在父类原型对象上的属性和方法可以通...
ES6—super关键字
记录点滴
07-04 568
super关键字： 我们知道this关键字总是指向函数所在的当前对象，ES6又新增了另一个类似的关键字super，super关键字既可以当对象来用，也可以当函数使用。。。 第一种情况： super作为函数来使用，代表父类的构造函数。ES6要求，子类的构造函数必须先先先（重要的事情写三遍）执行一次super函数。 class Father{ constructor(){ ...
es6-super关键字
最新发布
qq_42372534的博客
02-13 333
【代码】es6-super关键字。
es6中的super关键字的详细描述及其功能
05-14
在 ES6 中，`super` 关键字用于调用父类的方法或属性。它可以在子类的构造函数、普通方法、静态方法中使用。 在子类的构造函数中，使用 `super()` 可以调用父类的构造函数，从而继承父类的属性和方法。同时，子类的 `this` 对象也会被正确的初始化。 在子类的普通方法中，使用 `super` 关键字可以调用父类的同名方法。在调用时，会自动将当前对象作为参数传入。 在子类的静态方法中，使用 `super` 关键字可以调用父类的静态方法。 需要注意的是，使用 `super` 关键字时，必须在前面加上 `.` 或 `[]`，否则会报错。 另外，`super` 关键字返回的是一个指向父类原型对象的指针，可以通过它来访问父类的属性和方法。但是，需要注意的是，如果访问的是父类的属性，且父类的属性是一个对象，那么修改这个对象也会影响到父类的属性。 综上所述，`super` 关键字的主要功能是在子类中调用父类的方法和属性，实现继承。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值