时间戳

首页 > 解决方案 > 如何在 Typescript 中使用 XMLHttpRequest？

typescript - 如何在 Typescript 中使用 XMLHttpRequest？

问题描述

这对我来说是一个新情况，我使用 TypeScript 已经很长时间了，但在XMLHttpRequest.

request.open('GET', path);
request.onload = () => {
   // this is fine
}
request.onerror = (e: ErrorEvent) => {
   // i can't figure this out
   this.registerError(e);
}

如何正确处理该错误响应？我上面的代码在编译过程中失败了：

错误 TS2322：类型(e: ErrorEvent) => void不可分配给类型(this: XMLHttpRequest, ev: ProgressEvent) => any

我没想到。

如果您将代码更改为

request.onerror = (this: XMLHttpRequest, ev: ProgressEvent) => {
};

它不是有效的打字稿。即使是这样，this作为参数名称也是令人难以置信的混乱。

是否可以提供一个如何捕获 XMLHttpRequest 错误的示例？

标签： typescriptxmlhttprequest

解决方案

您无法指定的原因this是因为您使用的是箭头函数=>。您只需要更改参数的类型：

request.onerror = (e: ProgressEvent) => {

}

您根本不需要指定类型，因为它是根据类型推断的onerror

request.onerror = (e) => {
    e // is  ProgressEvent
}

如果您使用常规功能，您可以指定this

request.onerror = function(this: XMLHttpRequest, e: ProgressEvent) {
     this // is XMLHttpRequest
}

尽管您实际上并不需要，因为它将根据类型隐式键入onerror

request.onerror = function(e: ProgressEvent) {
     this // is still XMLHttpRequest
}

推荐阅读