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. VB 6.0不能加载MSCOMCTL.OCX的解决方法

    问题场景:打开 VB 6项目时报错,不能加载 'C:\WINDOWS\system32\MSCOMCTL.OCX'--继续加载工程吗? 解决方法: 1.新建一个VB工程,然后按CTRL + T,选中  ...

  2. 微信小程序 -- scroll view

    效果图:横向滚动和纵向滚动 scroll view使用方法文档,前面已经介绍查找文档方法,此处不再赘述 一.横向滚动 创建一个页面scroll-nav 然后,在.wxml文件中排版 <!--水平 ...

  3. .net 5+ 知新:【2】 .Net Framework 、.Net 、 .NET Standard的概念与区别

    作为了解历史和眼睛或者过程,我们需要将 .Net Framwork ..Net. .Net Stander几个概念进行下理解. .net 代表跨平台框架,从.net 5开始就统一叫.net,废弃原来的 ...

  4. jquery 对HTML标签的克隆、删除

    <table width="100%" class="table_form"> <tr> <td>奖励深度(<a hr ...

  5. couchdb(5984)未授权访问

    启动环境 测试 poc地址 https://github.com/vulhub/vulhub/blob/master/couchdb/CVE-2017-12636/exp.py map -p 5984 ...

  6. wdlinux一键安装包

    下载安装(ssh登录服务器,执行如下操作即可,需要用到root用户权限来安装) v3版本已经发布,更多可看论坛 wdCP v3版本讨论区 更多安装请看 http://www.wdlinux.cn/bb ...

  7. 使用Python玩转阿里云盘

    项目地址: https://github.com/foyoux/aligo 这个项目起源于我的一个简单需求, 我有25000个文件, 已经上传了9000个, 但是现在我把这些文件重新整理了, 最后我不 ...

  8. DL基础补全计划(五)---数值稳定性及参数初始化(梯度消失、梯度爆炸)

    PS:要转载请注明出处,本人版权所有. PS: 这个只是基于<我自己>的理解, 如果和你的原则及想法相冲突,请谅解,勿喷. 前置说明   本文作为本人csdn blog的主站的备份.(Bl ...

  9. 洛谷P3067题解

    题面 首先,对于每个数,有三种状态:选入集合A,选入集合B,或者不选入集合.暴力枚举的时间复杂度是 \(O(n\times3^n)\) ,显然跑不过去. 因此考虑 \(\text{Meet in Mi ...

  10. 学废了系列 - WebGL与Node.js中的Buffer

    WebGL 和 Node.js 中都有 Buffer 的使用,简单对比记录一下两个完全不相干的领域中 Buffer 异同,加强记忆. Buffer 是用来存储二进制数据的「缓冲区」,其本身的定义和用途 ...