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

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

我有这个代码

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

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

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

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

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

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

你的第一个例子是XMLHttpRequest绑定到this参考第二个window

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

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

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Function/bind https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

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