es6----》super关键字调用父类普通函数

最新推荐文章于 2023-08-05 17:38:21 发布
最新推荐文章于 2023-08-05 17:38:21 发布
阅读量1.1k 收藏
点赞数
分类专栏： 前端 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/itwangyang520/article/details/103664147
版权 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // super 关键字调用父类普通函数
      class Father {
        say() {
          return '我是爸爸'
        }
      }
      class Son extends Father{
        say(){
          // console.log('我是儿子')
          console.log(super.say()+'的儿子')
          // super.say()就是调用父类中的普通含税say()
        }
      }
      var son = new Son()
      son.say()

      // (1) 继承中，如果实力话子类，输出一个 方法，先看子类有没有 这个方法，如果 有就先执行子类的 
      // (2) 继承 中，如果子类里面没有，就去 查找父亲 有没有这个方法，如果有 ，就执行 父亲的 这个 方法 （就近原则 ）
    </script>
  </body>
</html>

 

itwangyang520
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react ES6下子组件调用父组件方法
Flasco的个人博客
05-30 1万+
es6下React Native 子组件调用父组件的方法
ES6的Class继承--super关键字
小王的技术库
10-20 1282
类的继承可以通过extends实现，让子类继承父类的属性和方法，而在子类内部（构造函数constructor）必须调用super()实现继承（super()代表父类构造函数，调用之后生成一个继承父类的this对象）子类通过extends实现继承父类，子类里必须调用super()来实现继承（super()因为ES6继承机制就是调用super()生成一个继承父类的this然后把它作为子类的实例子类构造函数内只有在调用了super()之后才能使用this要注意的是，super()作为父类构造函数只能在子类。
super方法 调用父类的方法
weixin_33759269的博客
05-15 518
描述 super()函数是用于调用父类(超类)的一个方法。 super 是用来解决多重继承问题的，直接用类名调用父类方法在使用单继承的时候没问题，但是如果使用多继承，会涉及到查找顺序（MRO）、重复调用（钻石继承）等种种问题。 MRO 就是类的方法解析顺序表, 其实也就是继承父类方法时的顺序表。 语法 以下是 super() 方法的语法: super(type[, object-or...
super调用父类的方法
weixin_43760098的博客
12-05 1314
在子类中, super().__ init __(name,age) 或者super().run()等调用父类其他方法,都可以省略self参数 也可以避免在砖石继承中调用两次基类的方法 class baseClass: num_base_calls = 0 def call_me(self): print('calling method on Base Class'...
ES6下子组件调用父组件的方法(推荐)
11-29
出于某些目的，最近又开始研究起了RN，看着教程一步步的学习，在最近却是碰到了一个问题，那就是父子组件的方法调用的问题。 这个问题我百度了很久，JS的ES6语法下，用class创建组件，子组件调用父组件方法模拟器不断报错。 因为我看的视频是基于es5的语法来实现的代码，所以语法有些不同。 es5的语法下，方法的this都是RN已经帮我们处理好了的，所以按照视频中的示例是可以达成效果的，但是es6貌似是要自己写的。。 具体的写法就是在constructor中添加 this.xxxxx = this.xxxxx.bind(this); 或者在子组件绑定的时候就写this.xxxxx.bind(thi
JS于，子类调用父类的函数
weixin_34414196的博客
09-12 379
概要 　　JS虽然没有直接有面向对象的特性，但还是能prototype为了模拟面向对象的特性，如继承和多态。而大多数面向对象的语言（例如C++。Java等一下）相比，JS为了实现面向对象还是有点繁琐，抽象。需要对JS的prototype模式有深刻的理解。 　　在开发过程中，有时候会遇到这样一个问题：假设在子类中“覆盖”了超类的某个方法，但仍须要在子类方法中调用一次超类方法，这时候应该怎...
day04-es6-课件.rar
04-18
使用 `extends` 关键字实现继承，`super` 关键字用于调用父类的方法。 6. **模块系统**： ES6提供了原生的模块系统，使用 `import` 导入模块，`export` 导出模块。这解决了之前使用CommonJS或AMD等模块加载方案的...
深入浅析ES6 Class 中的 super 关键字
08-29
需要注意的是，通过 super 调用父类的方法时，super 会绑定子类的 this。这意味着，如果我们通过 super 对某个属性赋值，这时 super 就是 this，赋值的属性会变成子类实例的属性。 三、使用 super 的注意事项 使用...
es6 super关键字的理解与应用实例分析
10-15
总的来说，`super`关键字在ES6的类继承中起到了关键作用，它既能在子类的构造函数中调用父类的构造函数，也能在普通方法和静态方法中访问父类的成员。理解`super`的正确使用方式，对于编写可维护和扩展的JavaScript...
ES6 Class的继承（extends、super作为函数和对象的用法、自定义数据结构、获取父类方法、类的prototype和__proto__属性、实例的__proto__属性）
AIWWY的博客
08-31 763
目录 Class的继承 extends super super作为函数 super作为对象 自定义数据结构 获取父类 类的prototype和__proto__属性 实例的__proto__属性 Class的继承 extends Class 可以通过extends关键字实现继承 父类的静态方法，也会被子类继承。 class A { static hello() { console.log('hello world'); } } class B exten
ES6 super关键字
雾里看花叹朦胧
10-16 552
我们知道，this关键字总是指向函数运行时所在的当前对象，ES6 又新增了另一个类似的关键字super，指向当前对象的原型对象。let prop = { name: "zhang" }; const a = { find(){ //对象的方法 return super.name; } }; Object.setPrototypeOf(a, prop); co
ES6-11中class类：定义构造函数初始化、继承父类、调用父级构造函数等
chenjunxing1992的博客
07-05 632
class类：定义构造函数初始化、继承父类、调用父级构造函数、定义静态方法和属性
es6 类继承extends和super关键字,super调用父类普通函数以及继承中属性方法查找原则，类中this的指向问题
艾小逗
08-26 4459
类继承extends和super关键字 extends class Father{ constructor(){ //构造函数 } money(){ console.log(100) } } class Son extends Father{ //extends 子类继承父类 } var son = new Son(); son.money(); //100 ...
【ES6】Class 类的使用与继承方法详解
jingjing的博客
08-20 2742
JavaScript 语言中，生成实例对象的传统方法是通过构造函数。 ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。 基本上，ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰更像面向对象编程的语法而已。所以ES6 的类，完全可以看作构造函数的另一种写法。 class Point { constructor(x, y) { this.x = x
javascript ES6 class类的创建和调用
紫微斗数学习交流
05-31 398
utils.js const p = 3 function add(a, b) { return a + b } class Person { constructor(name, age, sex) { this.name = name; this.age = age; this.sex = sex; } showInfo() { console.log(`姓名:${this.name},年龄:${this.age},性别:${this.sex}`); } } class S
[ES6] Class继承
Beng_shakalaka的博客
07-27 723
简介 ES6中Class可以通过extends关机子实现继承，相比起ES5用修改原型链的方式来实现继承，要清晰方便很多。 class father { } class son extends father { } 上面的例子中son通过extends关键字继承了father所有的属性和方法。（由于没有部署任何代码，所以这两个类是完全一样的，等于复制了一个father类到son中） ...
ES6中super()方法的使用和作用
最新发布
前端小白的博客
08-05 414
在上面的例子中，我们首先定义了一个Animal类，它有一个构造函数和一个speak方法。然后我们定义了一个speak方法，通过使用super.speak()来调用父类的speak方法，并在子类中添加了一些额外的功能。在子类的构造函数中，我们可以使用super()来调用父类的构造函数，以便可以在子类中访问父类的属性和方法。它必须在子类的构造函数中调用super()，以便可以在子类中访问父类的属性和方法。通过使用super()方法，我们可以在子类中使用父类的属性和方法，从而实现了继承和扩展。
ES6 class的继承使用细节
小红帽的博客
04-28 8812
ES6 class的继承与java的继承大同小异，如果学过java的话应该很容易理解，都是通过extends关键字继承。 class Animal{ constructor(color){ this.color = color; }; } class Bear extends Animal{ constructor(){ super(); } } 其余的就不多说了，这里着重讲一
子类调用父类方法（super关键字）
ThinkPet
02-28 5119
package testextends; public class Pad3 extends Computer3{ //子类：平板电脑 String sayhello(){ //重写父类方法‘打招呼’ return super.sayHello()+ "ipad";//调用父类方法并添加字符串 } public static void main(Strin...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值