我定义了以下类:
class Link {
Action: string;
DialogType: string;
constructor ($link: JQuery) {
this.Action = $link.attr('data-action') || '';
this.DialogType = $link.attr('data-dialogType') || '';
}
}
我有声明该类实例的函数。声明了类之后,就可以使用智能感知了,并进行了全类型检查:
function adminDialog($link: JQuery) {
var link = new Link($link);
link.Modal.MaxHeight = 600;
doDialogAjax(link);
}
在下面的doDialogAjax函数中,我仍然具有完整类型检查:
function doDialogAjax(link: Link) {
$.ajax( link.Url, {
cache: false,
context: { link: link },
dataType: 'html'
}).done(onDialogDone).fail(onDialogFail);
}
此时,如果尝试访问
this.link
,我将失去类型检查:function onDialogDone(data: any, textStatus: string, jqXHR: JQueryXHR) {
// no type checking. I can type anything after this.link
var x = this.link.abcdefg;
// I assign to link
var link: Link = this.link;
// Now I get checking
var a = link.Modal.MaxHeight; // allowed
var a = link.abcdefg; // error
// However will the following change the property of the link passed
// into the function. I assume not but I am not 100% sure.
link.Modal.MaxHeight = 999;
}
因此,我的问题是如何获取使用上下文传递给onDialogDone函数的
link
值的类型检查?我也说对了,我在该函数中创建了一个新的变量链接之后,对链接所做的任何更改都不会对作为this.link传入的对象进行任何更改吗? 最佳答案
这行是做您想要的事情的一种完全有效的方法:
var link: Link = this.link;
我建议将其更改为:
var link = <Link>this.link;
JavaScript中的每个对象都是一个引用,您无需在此行中创建一个新对象。
因此,新链接变量的任何更改都会反射(reflect)在this.link上。