Backbone和TypeScript，不幸的婚姻:构建类型安全的"get"？
Backbone和TypeScript，不幸的婚姻:构建类型安全的"get"？
提问于 2013-03-09 00:05:05
我正在尝试在Backbone.js中使用TypeScript。它是“有效的”，但是Backbone的get()和set()丢失了很多类型安全性。我正在尝试编写一个helper方法来恢复类型安全。如下所示：
我把这个放入我的模型中：
object() : IMyModel {
return attributes; // except I should use get(), not attributes, per documentation
}在消费者中：var myVar = this.model.object().MyProperty;
通过这种语法，我得到了TypeScript关于MyProperty存在并且是bool的知识，这真是太棒了。但是，backbone.js docs告诉我使用get和set，而不是直接使用属性散列。那么，有没有什么神奇的Javascript方法可以通过get和set正确地传递对象的使用呢？
Stack Overflow用户
发布于 2013-12-13 04:02:07
我在/u/blorkfish答案的基础上，使用泛型和ES5 getter/setter提出了以下方法。
class TypedModel<t> extends Backbone.Model {
constructor(attributes?: t, options?: any) {
super(attributes, options);
var defaults = this.defaults();
for (var key in defaults) {
var value = defaults[key];
((k: any) => {
Object.defineProperty(this, k, {
get: (): typeof value => {
return this.get(k);
},
set: (value: any) => {
this.set(k, value);
},
enumerable: true,
configurable: true
});
})(key);
}
}
public defaults(): t {
throw new Error('You must implement this');
return <t>{};
}
}注意: Backbone.Model默认值是可选的，但因为我们使用它来构建getter和setter，所以它现在是必需的。抛出的错误会迫使您这样做。也许我们可以想出一个更好的方法？
并使用它：
interface IFoo {
name: string;
bar?: number;
}
class FooModel extends TypedModel<IFoo> implements IFoo {
public name: string;
public bar: number;
public defaults(): IFoo {
return {
name: null,
bar: null
};
}
}
var m = new FooModel();
m.name = 'Chris';
m.get('name'); // Chris
m.set({name: 'Ben', bar: 12});
m.bar; // 12
m.name; // Ben
var m2 = new FooModel({name: 'Calvin'});
m2.name; // Calvin它比理想的要稍微冗长一些，并且它需要你使用默认值，但是它工作得很好。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15298215
复制相关文章
相似问题
腾讯云开发者
