super与实例没有什么关系,它本身有两个作用的,参考如下理解:

1.super可以当函数用。super作为函数调用时,表示父类的构造函数。示例:

class Par {

        constructor() {

            this.num = 21;

        }

    }

    class Chil extends Par {

        constructor() {

            //继承父类的构造函数constructor

            super() 

        }

    }

    var p = new Chil();

    // 子类的实例上,可以调用num属性,则说明子类的构造函数中

    // 通过 super() 继承了父类的构造函数。

    console.log(p.num) //21

super() 表示的父类的构造器,那么super() 中的参数,自然表示父类构造器中的参数。

class Par {

        // 为了区分父类与子类的参数,这里起名为username1

        constructor(username1) { //username1接收username的值

            this.username = username1; //所以this.username="小慕"

        }

    }

    class Chil extends Par {

        constructor(username) { //username接收的就是下面实例化的参数"小慕"

            super(username)//super表示父类的构造器,所以这里是把username传递给父类构造器

        }

    }

    var p = new Chil("小慕"); //实例化的时候,传入参数"小慕"

    // 实例化对象,会继承类的属性和方法,Chil类继承了父类的属性username,所以Chil类的实例化对象

    //也就可以调用到username,输出"小慕"

    console.log(p.username) //小慕

2.可以作为对象使用。super 作为对象使用时, 在普通的方法中,指向的是父类的原型对象。在静态方法中,指向的是父类。

也就是作为对象去使用分了两种情况,扩展一下,作为了解:

class A {

        constructor() {

        }

        // 普通方法,放在A原型上的。

        say() {

            console.log("普通方法")

        }

        // 加static定义的叫做静态方法,能被子类继承,但是不能被实例化对象继承。

        static greeting() {

            console.log("静态方法")

        }

    }

    class B extends A {

        constructor() {

            super(); //在构造器中,作为函数调用,是继承父类构造器

        }

        bsay() {

            // 在普通方法中,super指向的是父类原型对象,即prototype,

            // 所以能访问父类原型上的方法。

            super.say() // "普通方法";

        }

        static bgreeting() {

            // 在静态方法中,super指向的是父类,能访问父类的静态属性和静态方法。

            super.greeting(); //"静态方法"

        }

    }

    let xiao = new B();

    xiao.bsay();

    B.bgreeting();

super的两个作用的更多相关文章

  1. 对TControl和TWinControl相同与不同之处的深刻理解(每一个WinControl就相当于扮演了整个Windows的窗口管理角色,主要是窗口显示和窗口大小)——TWinControl就两个作用(管理子控件的功能和调用句柄API的功能)

    TControl是图形控件,它本身没有句柄,所以不能直接使用WINAPI显示,调整位置,发消息等等,只能想办法间接取得想要的效果,但是可以直接使用一些不需要句柄的API,比如InvalidateRec ...

  2. java中super的两种用法

    通过用static来定义方法或成员,为我们编程提供了某种便利,从某种程度上可以说它类似于C语言中的全局函数和全局变量.但是,并不是说有了这种便利,你便可以随处使用,如果那样的话,你便需要认真考虑一下自 ...

  3. return在Java中的两个作用

    Java中return的两个作用:   (1)返回方法指定类型的值(这个值总是确定的),也可以是对象   (2)方法的结束

  4. C#中return的两个作用

    using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threa ...

  5. super(classname,self).__init__() 作用

  6. Volatile关键字的两个作用

    1.保证修饰的变量对所有线程的可见性,这里的“可见性”是指当一条线程修改了这个值,新值对于其他线程来说是可以立即得知的. 2.禁止指令重新排序化

  7. 构造方法,this,super,final,static

    1构造方法 一个Person类,属性都被private了,外界无法直接访问属性,必须对外提供相应的set和get方法.但如果需要在创建对象的同时明确对象的属性值,就需要构造方法了. 1.1定义 构建创 ...

  8. this&super两个关键字的意义和用法

    "this",作为一个特殊的关键字,它的规则如下: 1.可以表示构造函数传递.this(a,b)表示调用另外一个构造函数.这里面的this就是一个特殊语法,不是变量,没有什么类型. ...

  9. 7 html-webpack-plugin的两个基本作用

    html-webpack-plugin的作用: 1.在内存中根据我们的index模板页面,生成一个内存里面的首页 2.当使用html-webpack-plugin之后,我们不再需要手动处理bundle ...

随机推荐

  1. html自定义加载动画

    整体代码 HTML 实现自定义加载动画,话不多说如下代码所示: <!DOCTYPE html> <html lang="en"> <head> ...

  2. C++第三十五篇 -- 写第一个驱动开发程序

    VS2017+WDK+VMware12+Win10环境配置完毕,接下来写第一个驱动程序. 1.新建一个KMDF的程序. 2.配置项目属性. 3.编译项目.一般这里应该成功,我一台电脑成功了,另一台电脑 ...

  3. Idea快捷键 累积大全

    分类 Editing 这个 Searching/Replcae Navigation Atl +1                                           打开和关闭左侧p ...

  4. 用Ubuntu的命令行来远程访问Jupyter Notebook

    远程访问Jupyter Notebook 相关配置:Ubuntu 16.04服务器,本地Win10,使用了Xshell,Xftp工具. 相关配置主要分为三步: 服务器上的Jupyter配置 本地Xsh ...

  5. 《Android原生整合虹软SDK开发uniapp插件》

    1.项目背景 应公司要求,需要开发一套类似人脸打卡功能的app,但是因为我们公司没有很强的原生android开发者,所以根据现状选择了第三方跨平台的uniapp,想必目前大多人都了解这个平台了,我也就 ...

  6. vue日记②之兼容各种情况的可跳转链接

    兼容各种情况的可跳转链接 需求 因为聊天气泡颜色原因,发送出去的链接通常模糊不清,而且不能直接跳转,所以我打算已a链接的显示直接抓取所有的网页链接,同时还要兼容富文本框的直接输入图片 这是运行效果 实 ...

  7. Spring WebFlux 基础教程:WebSocket 使用

    WebSocket 协议简介 WebSocket 协议提供了一种标准化的方式,在客户端和服务端建立在一个TCP 连接之上的全双工,双向通信的协议. WebSocket 交互开始于 HTTP 请求,使用 ...

  8. no-strings-attached writeup

    no-strings-attach writeup 1.程序分析 主函数如图所示,关键函数在authenticate中,进入函数. 分析可得,decrypt代码段为关键代码段,进入关键函数decryp ...

  9. Jetpack Compose 1.0 终于要投入使用了!

    前言 Jetpack Compose 是用于构建原生界面的「新款 Android 工具包」.2021 Google IO 大会上,Google宣布:「Jetpack Compose 1.0 即将面世」 ...

  10. Android NDK/JIN 从入门到精通

    1.1 JNI(Java Native Interface) 提供一种Java字节码调用C/C++的解决方案,JNI描述的是一种技术 1.2 NDK(Native Development Kit) A ...