Graph = function () {}; Graph.extend = myExtendFunction; Graph.prototype = { generateScale: function () { //do stuff } } // base class defined elsewhere UsageGraph = Graph.extend({ generateScale: function () { this.constructor._super.generateScale.call(this); // run the parent's method //do additional stuff } }) ExcessiveUsageGraph = Graph.extend({ // some methods,not including generateScale,which is inherited directly from Usage Graph }) var EUG = new ExcessiveUsageGraph(); EUG.generateScale(); // infinite loop
循环正在发生,因为ExcessiveUsageGraph将原型链上升到UsageGraph来运行该方法,但是这仍然设置为ExcessiveUsageGraph的一个实例,因此当我使用this.constructor._super运行父方法时,它也向上一步到UsageGraph并再次调用相同的方法.
如何从Backbone样式的原型中引用父方法并避免这种循环.如果可能的话,我还想避免按名称引用父类.
编辑Here’s a fiddle demonstrating that this happens in Backbone
解决方法
即使使用Backbone,由于您已经概述的限制等等,您通常不会直接使用“超级”.
解决问题
常见的解决方案是直接调用原型对象,而不是试图通过使用“超级”引用来掩盖它.
UsageGraph = Graph.extend({ generateScale: function () { Graph.prototype.generateScale.call(this); // run the parent's method //do additional stuff } })
在一个有效的JSfiddle:http://jsfiddle.net/derickbailey/vjvHP/4/
这个工作的原因与JavaScript中的“this”有关.调用函数时,“this”关键字是根据调用函数的方式设置的,而不是函数定义的位置.
在此代码中调用“generateScale”方法的情况下,它是调用设置上下文的generateScale函数的点符号.换句话说,因为代码读取prototype.generateScale,函数调用的上下文(“this”关键字)被设置为原型对象,它恰好是Graph构造函数的原型.
由于Graph.prototype现在是对generateScale的调用的上下文,因此该函数将运行您期望的上下文和行为.
为什么this.constructor.super失败了
相反,当您调用this.constructor._super.generateScale时,您允许JavaScript以您不期望的方式扭曲上下文,因为在开始时使用this关键字.
这是您的层次结构的第3级导致“this”的问题.您正在调用EUG.generateScale,它明确将此设置为EUG实例. generateScale方法的原型查找返回到Graph原型以调用该方法,因为该方法不能直接在EUG实例上找到.
但是这已经被设置为EUG实例,并且JavaScript的原型查找尊重这一点.因此,当调用UsageGraph原型generateScale时,将其设置为EUG实例.因此,调用this.constructor .__ super__将从EUG实例进行评估,并将找到UsageGraph原型作为__super__的值,这意味着您将在同一个对象上调用相同的方法,并使用相同的方法上下文.因此,一个无限循环.
原文地址:https://www.jb51.cc/js/156310.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。