我对typescript和主干集合有问题。下面是一些基础工作:
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
从不评估为true,因为似乎从Backbone.Model
派生的“类类型”被分配给Backbone.Model.attributes
而不是类本身的实例。我相信这是因为当我实现从backbone.model派生的类时,我遵循了this方法,这似乎是导致这个问题的原因。基本上,它将ts类上的get/set属性委托给底层的backbone.model.get()/set(),后者反过来设置attributes
属性的值。似乎我必须放弃这种方法(并希望这是问题所在),或者想办法在
instanceof
对象和我的baseChartModel.attributes
类原型之间执行类似于或使用App.BackBone.Models.ScatterPlotModel
的松耦合类型检查。这个断点与
instanceof
比较有什么想法吗?
最佳答案
你使用的方法似乎足够有效。我已经把下面的代码插入到打字场,只是为了检查一些JavaScript SyMaMICS:
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 });
导致了这里的问题。
可能是StaseTopTraceCopyDist.Meject不返回原始对象(即StaseTroptMead或BARCARTMODEL),而只是返回[ObjultObject ],因此失败的实例?
希望能帮上忙,