我应该在承诺中调用 XMLHttpRequest 异步吗？ [复制]

Question

我在promise 中使用基本的XMLHttpRequest。由于promise 的异步特性，我一直认为XMLHttpRequest 同步很好，但由于我的浏览器会警告我，所以我想确认一下。

mwe 将是：

call(arg) {
    return new Promise(resolve => {
        let xhr = new XMLHttpRequest();
        xhr.open('GET', 'http://localhost:8080?' + arg.name, false);
        xhr.send();
        resolve({body: {result: xhr.responseText}});
    });
}

Answer 1

我应该在 promise 中调用 XMLHttpRequest async 吗？

是的，异步（非同步）。

由于 Promise 的异步特性，我一直认为拥有 XMLHttpRequest 同步就可以了...

并非如此，原因如下：

1. 异步与另一个线程上的不同。您仍在阻塞主 UI 线程。

2. 承诺执行器函数（您传递给new Promise 的函数）无论如何都会同步执行。因此，您的 call 在 ajax 调用完成之前不会返回，因为它是同步调用。

承诺不会改变正在完成的工作的性质。它们只是提供一致的标准化语法来观察正在完成的工作的结果（通常是异步工作，但并非必须如此）。

promise 唯一实现异步的是调用then、catch 和finally 处理程序。有关详细信息，请参阅此 sn-p 中的 cmets 和结果：

// The promise executor is called *synchronously*.
// This outputs 1, 2, 3, not 1, 3, 2:
console.log(1);
new Promise(resolve => {
  console.log(2);
  resolve();
});
console.log(3);

// `then`, `catch`, and `inally` handlers are called asynchronously, even if
// the promise is already settled (because it would be chaotic to call them
// synchronously *sometimes* [because the promise is already settled when you
// call `then`/`catch/`finally`] but not *other* times [because it isn't
// settled yet when you call `then`/`catch/`finally`]).
// This outputs A, B, C, not A, C, B
console.log("A");
Promise.resolve().then(() => console.log("C"));
console.log("B");

不要做同步 ajax，在 2019 年没有充分的理由。

---

附注：如果您想要启用 Promise 的 ajax，请使用 fetch。