这篇文章主要介绍“es6关键字super指的是什么”,在日常操作中,相信很多人在es6关键字super指的是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6关键字super指的是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
es6中关键字super的意思:1、作为函数时,代表父类的构造函数,语法为“constructor(){super();}”;2、作为对象时,代表指向父类的原型对象,语法为“console.log(super.name())”。
本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。
ES6重新实现了类的继承,而在继承的过程中,super关键字实现了至关重要的作用,可以说理解不了super关键字,也就掌握不了类的继承,今天我们就一起来盘盘super这个关键字
首先抛出一个概念: super这个关键字,既可以当作函数使用,又可以当作对象使用
第一种情况:super作为函数时,代表父类的构造函数
ES6要求,子类的构造函数,必须执行一次super
函数
class A {}class B extends A { constructor() { super();//子类的构造函数,必须执行一次super函数,代表父类的构造函数 }}
注意:虽然super代表父类的构造函数,但此时返回的时B的实例,即super内部的this指的是B的实例,因此super()
相当于 A.prototype.constructor.call(this)
上述代码中,new.target
指向当前正在执行的函数,super()执行的时候,它指向的是子类B的构造函数,而不是父类A的构造函数,也就是说,super()内部的this指向B
第二种情况:super作为对象时,在普通方法中,指向父类的原型对象,在静态方法中,指向父类
class A { p() { return 2; }}class B extends A { constructor() { super();//父类的构造函数 console.log(super.p()); // 2 }}let b = new B();
上面代码中,super
作为函数时,代表父类的构造方法,作为对象时,指向父类的原型对象,即A.prototype
,所以super.p()
相当于A.prototype.p()
这里还需要注意,由于 super指向父类的原型,所以在父类实例上的属性或者方法,并不能通过super调用
上面代码中,p是父类A实例的属性,super.p
就引用不到它
到此,关于“es6关键字super指的是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。