我定义了以下类:

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上。

08-03 14:55