3

我遇到了 Typescript 和 Backbone 集合的问题。这里有一些基础：

class BaseChartModel extends Backbone.Model { }
class ScatterPlotModel extends BaseChartModel { }
class BarChartModel extends BaseChartModel { }

class MixedChartCollection extends Backbone.Collection { public model: BaseChartModel; ... }
class ScatterPlotCollection extends Backbone.Collection { public model: ScatterPlotModel; ... }
class BarChartCollection extends Backbone.Collection { public model: BarChartModel; ... }

然后我执行以下操作：

 var scatterPlotCollection = new ScatterPlotCollection();
 var scatterPlotCollectionXhr = scatterPlotCollection.fetch({...});

 var barChartCollection = new BarChartCollection();
 var barChartCollectionXhr = barChartCollection.fetch({...});

 $.when(scatterPlotCollectionXhr, barChartCollectionXhr).done(() => {

       mixedCollection = new MixedChartCollection();
       mixedCollection.add(scatterPlotCollection.models, { silent: true });
       mixedCollection.add(barChartCollection.models, { silent: true });
       chartViewList = new MixedChartViewList({ collection: mixedCollection });

       chartViewList.render();

 });

内部渲染（）：

public render(){
     var self = this;
     this.$el.html(this.template({}));

     this.collection.forEach(
    (chartModel: BaseChartModel) => {
            this.$el.append(self.AddChartView(chartModel).render());                  
    }
 );

     return this;
}

public AddChartView(baseChartModel: BaseChartModel) : BaseChartView {

      var newChartView: BaseChartView;

      if(baseChartModel instanceof ScatterPlotModel){
           newChartView = new ScatterPlotView({ model: baseChartModel});
      } else if (baseChartModel instanceof BarChartModel){
           newChartView = new BarChartView({ model: baseChartModel});
      } 
      ....       
}

除了instanceof永远不会评估为真，因为似乎派生自的“类类型”Backbone.Model被分配给Backbone.Model.attributes而不是类本身的实例。我相信这是因为在实现从 Backbone.Model 派生的类时，我遵循了这种方法，似乎这可能是导致此问题的原因。基本上，它将 TS 类上的 get/set 属性委托给底层的 Backbone.model.get()/set() ，后者反过来设置attributes属性的值。

看来我必须放弃这种方法（并希望这是问题所在），或者找出一种方法来进行松散耦合的类型检查，类似于或instanceof在baseChartModel.attributes对象和我的类原型之间使用App.BackBone.Models.ScatterPlotModel

此断点位于instanceof比较 行处在此处输入图像描述

有任何想法吗？

4

2 回答 2

1

您使用的方法似乎足够有效。我已将以下代码插入 TypeScript 游乐场，只是为了检查一些 javascript 语义： 

class A { }

class B extends A { }

class Checker {
    static isA(input: A) {
        return (input instanceof A);
    }
}

var a = new A();
var b = new B();

document.writeln('a instanceof A ' + (a instanceof A) + '<br/>');
document.writeln('b instanceof B ' + (b instanceof B) + '<br/>');
document.writeln('b instanceof A ' + (b instanceof A) + '<br/>');
document.writeln('b instanceof A (via function) ' + Checker.isA(b) + '<br/>');

var aArray : A[] = [];

aArray.push(a);
aArray.push(b);

for(var i = 0; i < aArray.length; i++) {
    document.writeln('aArray[' + i + '] instance of A ' + (aArray[i] instanceof A) + '<br/>' );
}

这给出了以下输出： 

a instanceof A true 
 b instanceof B true 
 b instanceof A true 
 b instanceof A checker true 
 aArray[0] instance of A true 
 aArray[1] instance of A true

这必须意味着调用 

mixedCollection.add( scatterPlotCollection.models, { silent: true });

导致这里的问题。
可能 scatterPlotCollection.models 没有返回您的原始对象（即 ScatterPlotModel 或 BarChartModel ），而只是返回 [Object object]，因此实例失败？

希望这可以帮助，

于 2013-04-02T14:11:11.827 回答
0

我想我知道“错误”在哪里：以某种方式声明

public model: CustomModelType

不工作；

但是，如果您要创建这样的集合：

 new MyCustomCollection(null, { model: CustomModelType });

然后骨干将能够按预期创建模型。

为什么会发生，我不知道 :( 可能是类型定义中的错误。

于 2013-05-09T12:43:39.507 回答