javascript中uber实现子类访问父类成员
JavaScript 实现 访问 成员 子类 父类 Uber
2023-09-11 14:22:24 时间
function Animal(){} Animal.prototype={ name:"animal", toString:function(){ console.log(this.name); } }; Animal.prototype.constructor=Animal; function Dog(){} //用于打破对象的引用传递,防止修改子类属性对父类产生影响 var F=function(){} F.prototype=Animal.prototype Dog.prototype=new F(); Dog.prototype.constructor=Dog; Dog.prototype.name="dog"; var d=new Dog(); d.toString(); //打印子类name dog var a=new Animal(); a.toString();//打印父类name animal
上面代码通过实例化子类和父类,分别调用toString()实现了继承的关系。
这个时候有这样的需求;不实例化父类,直接通过子类完完整整的调用父类的方法或属性。
实现代码如下
function Animal(){} Animal.prototype={ name:"animal", toString:function(){ console.log(this.name); } }; Animal.prototype.constructor=Animal; function Dog(){} //用于打破对象的引用传递,防止修改子类属性对父类产生影响 var F=function(){} F.prototype=Animal.prototype Dog.prototype=new F(); Dog.prototype.constructor=Dog; Dog.prototype.name="dog"; Dog.uber=Animal.prototype; var d=new Dog(); d.toString(); //打印子类name dog //var a=new Animal(); //a.toString();//打印父类name animal /** * Dog.prototype.constructor===d.constructor */ Dog.prototype.constructor.uber.toString();//打印animal(方式1) d.constructor.uber.toString(); //打印animal(方式2)
通过面简单的三行红色代码就实现了子类访问父类成员的需求。
本来想模仿java的使用super访问父类,后来想想super是javascript的关键字。
相关文章
- ASP.NET Boilerplate 学习 AspNet Core2 浏览器缓存使用 c#基础,单线程,跨线程访问和线程带参数 wpf 禁用启用webbroswer右键菜单 EF Core 2.0使用MsSql/MySql实现DB First和Code First ASP.NET Core部署到Windows IIS QRCode.js:使用 JavaScript 生成
- [ Javascript ] JavaScript中的定时器(Timer) 是怎样工作的!
- 【学习笔记28】JavaScript数组字符串面试题
- Google Earth Engine —— LandTrendr JavaScript 模块API(2万多字长文)
- 浅理解JavaScript数组去重的方法(划重点),当面试官问如何实现数组去重时,你可以这样做...
- 26dwr - DWR中的JavaScript(创造一个与 Java 对象匹配的 Javascript 对象)
- JavaScript - math.js 数学库,实现 math.add() “数字累加“ 计算总和的操作(例如:循环 N 个整数或小数,然后再循环内 “+=“ 叠加算数)适用于Vue等全部前端项目
- JavaScript - 批量替换对象数组中的属性名(快速将二维数组对象中的键名进行大量替换)传入原来的属性名和要修改的属性名即可,适用于 js vue nuxt uniapp等项目,详细示例代码教程
- 利用开源HTML5引擎lufylegend.js结合javascript实现的五子棋人机对弈
- javascript 事件设计模式
- 一篇文章带你了解JavaScript中的变量,作用域和内存问题
- 《深入理解JavaScript》——1.13 变量作用域和闭包
- 《众妙之门——JavaScript与jQuery技术精粹》——第1章 初学JavaScript 需知的七件事 1.1 缩略标记
- 用html5的canvas和JavaScript创建一个绘图程序
- Javascript实现导航锚点滚动效果实例
- Javascript 实现复制(Copy)动作方法总结
- 如何实现JavaScript的Map和Filter函数?
- JavaScript实现拖拽预览,AJAX小文件上传
- java和JavaScript究竟什么关系,有什么样的区别
- Arcgis for Javascript实现图
- JavaScript hash 与 history 实现客户端路由的原理