javascript - 带有箭头功能的此关键字的上下文

Question

我正在学习使用 XMLHTTpRequests 在 JS 中发出 HTTP 请求。我知道这种方法用的不多。但我对此有疑问。

当我在 addEventListener 中使用箭头函数时，它的控制台记录我未定义。

由于箭头函数没有自己的This上下文，所以它从它的父级获取它。那么为什么在这里它不起作用呢？

我对它的概念是错误的吗？

var oReq = new XMLHttpRequest();
oReq.addEventListener("load", () => {
  console.log(this.responsetext); // undefined
});
oReq.addEventListener("error", () => {
  console.log("error");
});
oReq.open("GET", "https://swapi.dev/api/planets/");
oReq.send();
console.log("Request Send");

标签： javascripthttprequestthisarrow-functions