javascript - 转换为 Typescript 后出现 "this"错误

Question

我的代码看起来像这样，但现在我将它放入 Typescript 类中，它给了我一个错误，说“无法读取未定义的属性 Angular 色”。

    this.$http({
        method: 'POST',
        url: '/Token',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        data: 'grant_type=password&username=' + encodeURIComponent(userName) + '&password=' + encodeURIComponent(password),
    })
        .success(function (data, status, headers, cfg) {
            data.roles.split(':').forEach(function (v) {
                this.data.role['is' + v] = true;
                v == 'Test'
        })

我是否必须使用 Typescript 以不同的方式编写函数代码？我的 success() 中有两个 function，我可以用 => 替换它吗？

Answer 1

This 在本例中 this 表示运行此代码的类的实例。您绝对可以将函数转换为箭头函数 (=>) 并省略 this。代码将如下所示:

this.$http({
    method: 'POST',
    url: '/Token',
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
    },
    data: 'grant_type=password&username=' + encodeURIComponent(userName) + '&password=' + encodeURIComponent(password),
})
.success((data, status, headers, cfg) => {
    data.roles
        .split(':')
        .forEach((v) => {
            data.role['is' + v] = true;
            v == 'Test'
        })
});