您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

es6中super的用法是什么

2025/5/28 9:00:07发布58次查看
super的用法:1、super作为函数时,用于表示父类的构造函数,语法为“constructor(){super();}”;2、super作为对象时,在普通方法中用于指向父类的原型对象,在静态方法中用于指向父类。
本教程操作环境:windows10系统、ecmascript 6.0版、dell g3电脑。
es6中super的用法是什么第一种情况:super作为函数时,代表父类的构造函数
es6要求,子类的构造函数,必须执行一次super函数
class a {}class b extends a { constructor() { super();//子类的构造函数,必须执行一次super函数,代表父类的构造函数 }}
注意:虽然super代表父类的构造函数,但此时返回的时b的实例,即super内部的this指的是b的实例,因此super()相当于 a.prototype.constructor.call(this)
class a { constructor() { console.log(new.target.name); }}class b extends a { constructor() { super(); }}new a() // anew b() // b
上述代码中,new.target指向当前正在执行的函数,super()执行的时候,它指向的是子类b的构造函数,而不是父类a的构造函数,也就是说,super()内部的this指向b
super作为函数使用时,必须出现在子类的构造函数constructor中,否则会报错
class a {}class b extends a { m() { super(); // 报错 }}
第二种情况: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调用
class a { constructor() { this.p = 2; }}class b extends a { get m() { return super.p; }}let b = new b();b.m // undefined
上面代码中,p是父类a实例的属性,super.p 就引用不到它
如果属性是定义在父类的原型上,则使用super就可以访问
class a {}a.prototype.x = 2;class b extends a { constructor() { super(); console.log(super.x) // 2 }}let b = new b();
上面代码中,属性x是定义在父类的原型对象上,所以可以使用super.x来访问
【相关推荐:javascript视频教程、web前端】
以上就是es6中super的用法是什么的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product