1

我有一个 mvc 应用程序，我在其中使用 TypeScript 编写客户端代码，并使用了几个著名的 javascript 库，包括 knockout、amplifyjs 和 requirejs。我遇到了一种情况，即预期的行为不是发生的。 

export class OrganizationOverviewViewModel{

    openedAssessments = ko.observableArray();
    availableSurveys = ko.observableArray();

    organizationAgentId = ko.observable();
    organizationName = ko.observable();

    selectedSurvey = ko.observable();

    public addSurvey() {
        if (this.selectedSurvey() === undefined) {
            mh.MessageHub.showError("Please Select a Survey", "what");
        }
        else {
            // we can do the post.
            // get the selected survey
            var surveyId = this.selectedSurvey();
            // call the server to add the survey

            amplify.request("addSurveyToOrganization", {
                "surveyId": surveyId,
                "organizationAgentId": this.organizationAgentId()
            },
            function (data) {
                var context = ko.contextFor($('#mainContent')[0]).$data;
                context.openedAssessments.push({ surveyId: data.SurveyId, SurveyName: data.SurveyName, NumberOfResponses: data.ResponseCount });
                context.availableSurveys.remove(function (item) { return item.SurveyId == surveyId; });
            });
        }
    }

}

问题出在 addSurvey() 中。在放大请求中，我希望“this”关键字仍指向该类的实例。相反，它指向整个窗口。我有一个解决方法，即使用敲除从 DOM 中获取上下文，但这似乎不是一个好主意。

有没有更好的方法来使用打字稿来处理这个问题？

4

2 回答 2

5

在 Typescript 中，“this”关键字遵循 javascript 语义，而不是像 C# 这样的 OO 语言的语义......（现在？）

“this”正确指向对象的唯一地方是通过构造函数。所以你需要这样写：

export class OrganizationOverviewViewModel{

    public addSurvey;

    constructor() {
        this.addSurvey = () => {
           // you can safely use 'this' in here
           ...
        }
    }
    :
}

编辑：新版本（0.9.1）允许您将“this”用于 lambda 字段初始值设定项（NOT 函数）。因此，您可以使用以下内容转换为上面的代码。

export class OrganizationOverviewViewModel{

    public addSurvey = () => {
        // you can safely use 'this' in a field initializer
    }

    public badSurvey_dont_use_this() {
        // 'this' is probably not the 'this' you're looking for
    }
}
于 2013-04-02T03:25:22.893 回答
0

看看TypeScript 和 Knockout 绑定到“this”问题 - 需要 lambda 函数吗？- 它与雷提到的方法相同，这似乎是正确的

于 2013-04-02T08:31:31.267 回答