Javascript旧语法到箭头函数的转换

Question

所以我想在没有 jquery 或其他库的情况下使用这个例子。

我有这个代码

let xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = function() {...}

正如你所看到的，它使用旧的风格function()

如何将其更改为箭头函数样式之一？

let xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = () => {...}

这是行不通的。我是很接近还是我对这个问题的看法完全错误？同样，我不想在这个练习中使用库。

Answer 1

箭头函数的问题在于它们保留了this外部作用域的对象。

您的第一个示例将绑定XMLHttpRequest到this第二个参考window

要使用箭头表示法进行此操作，您需要使用XMLHttpRequest外部名称引用xmlHttp或将其绑定到回调函数：

let xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = ((request) => {...}).bind(undefined, request);

请注意，您不能this以任何方式覆盖箭头函数的引用（绑定、调用、应用）