如何解决骨架.js视图继承父级中的“ this”分辨率
| 我有一个使用视图继承的案例,我的代码本质上类似于:parentView = Backbone.View.extend({
events: {
\"some event\": \"business\"
},initialize: function(){
_.bindAll(this);
},business: function(e){
...
this.someFunc && this.someFunc();
...
}
});
childView = parentView.extend({
events: {
...
},constructor: function(){
this.events = _.extend( {},parentView.prototype.events,this.events );
parentView.prototype.initialize.apply( this );
},initialize: function(){
_.bindAll(this);
},someFunc: function(){
...
}
});
更新:将ѭ1扩展名移至构造函数。
我的子视图中有someFunc
,并且在父视图中执行某些业务功能时,应调用该功能(如果存在)。如果将ѭ3正确设置为childView,则应存在ѭ4。但是,这不是我正在经历的行为。
在initialize
函数中(在父级中),确实将this
设置为子视图。但是,当触发“ 7”时,将“ 3”设置为“ 10”时将调用“ 8”功能。
解决方法
您是否尝试过在构造函数中而不是在initialize函数中扩展
this.events
?如果在初始化中执行此操作,则为时已晚。 business
函数的事件委托已在构造函数中设置,并将指向parentView
(请参阅Backbone.View的构造函数中对this.delegateEvents();
的调用)。
更新了一个工作示例:
ParentView = Backbone.View.extend({
name: \'ParentView\',events: {
\"event\": \"business\"
},business: function(e){
this.someFunc && this.someFunc();
}
});
ChildView = ParentView.extend({
name: \'ChildView\',events: {
},constructor: function(){
this.events = _.extend( {},ParentView.prototype.events,this.events );
console.debug( this.events );
ParentView.prototype.constructor.apply( this,arguments );
},someFunc: function(){
console.debug(\'someFunc; this.name=%s\',this.name);
}
});
child = new ChildView();
$( child.el ).trigger(\'event\');
// logs \'this\' in \'someFunc\'; the name is \'ChildView\'.
, 实际上,我不知道这是否能解决您的问题,但我通常这样做:this.constructor.__super__.initialize.apply(this,arguments);
并像咒符一样工作。我的解决方案是完全错误的。原因如下:
var Model1 = Backbone.Model.extend({
method: function () {
// does somehting cool with `this`
}
});
var Model2 = Model1.extend({
method: function () {
this.constructor.__super__.method.call(this);
}
});
var Model3 = Model2.extend({
method: function () {
this.constructor.__super__.method.call(this);
}
});
var tester = new Model3();
// Boom! Say hallo to my little stack-overflowing recursive __super__ call!
tester.method();
Model2::method
中对this.constructor.__super__
的呼叫将解析为(鼓式)Model2::method
。
始终使用ExplicitClassName.__super__.methodName.call(this,arg1,arg2 /*...*/)
或Coffee-script \的super
。
, 您可以通过将以下行添加到子项的initialize方法中来解决此问题:
_.bind(this.business,this)
希望有人能给您提供比我能提供的更好的基本机制描述,但我会给它一个镜头:
发生的情况是该方法将使用其定义范围的上下文,除非另有说明。当您调用parentView.prototype.initialize.apply(this)
时,initialize
被告知要使用孩子的上下文,因为您要传递带有with3ѭ引用apply方法的childView。
您可以使用如上所述的underscore.jsbind
方法将业务方法绑定到子级上下文。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。