ES6中构造函数内super关键字的使用
super关键字用于访问和调用一个对象的父对象上的函数。
super.prop
和super[expr]
表达式在类和对象字面量任何方法定义中都是有效的。
语法
super([arguments]); // 调用 父对象/父类 的构造函数 super.functionOnParent([arguments]); // 调用 父对象/父类 上的方法
描述
在构造函数中使用时,super
关键字将单独出现,并且必须在使用this
关键字之前使用。super
关键字也可以用来调用父对象上的函数。
示例
在类中使用super
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | class Polygon { constructor(height, width) { this .name = 'Polygon' ; this .height = height; this .width = width; } sayName() { console.log( 'Hi, I am a ' , this .name + '.' ); } } class Square extends Polygon { constructor(length) { this .height; // ReferenceError,super 需要先被调用! /* 这里,它调用父类的构造函数的 length, 作为Polygon 的 width和 height. */ super(length, length); /* 注意: 在派生的类中, 在你可以使用'this'之前, 必须先调用super()。 忽略这, 这将导致引用错误。 */ this .name = 'Square' ; } get area() { return this .height * this .width; } set area(value) { this .area = value; } } |
调用父类上的静态方法
你也可以用 super 调用父类的静态方法。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | class Human { constructor() {} static ping() { return 'ping' ; } } class Computer extends Human { constructor() {} static pingpong() { return super.ping() + ' pong' ; } } Computer.pingpong(); // 'ping pong' |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 上周热点回顾(1.20-1.26)
· 【译】.NET 升级助手现在支持升级到集中式包管理
2016-12-23 Node.js中exports与module.exports的区别