骨架.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.js

bind

方法将业务方法绑定到子级上下文。