XMLHttpRequest和Promise执行顺序

XMLHttpRequest 和 Promise 的执行顺序在 JavaScript 中通常是这样的：

XMLHttpRequest 是一种旧的用于异步浏览器通信的技术，它通过创建 XMLHttpRequest 对象发起 HTTP 请求，然后设置回调函数处理响应。由于它是同步阻塞的，即在请求发送并得到响应之前，JavaScript 会暂停执行后续代码。

而 Promise 是 ES6 引入的一种处理异步操作的新机制。当你使用一个返回 Promise 的函数（如 fetch 或 xhr 请求），你可以链式地调用 `.then` 和 `.catch` 来处理成功和错误情况，这些回调会在对应的时机（当 Promise 解决或拒绝）执行。

在一个包含 Promise 和 XMLHttpRequest 的场景中，通常你会先初始化 Promise，然后在其 `.then` 回调中处理 XMLHttpRequest 的结果。因为 Promise 提供了非阻塞的异步控制，所以它们会并发执行，而不会等待 XMLHttpRequest 完成。例如：

fetch('your-url')
  .then(response => response.text())
  .then(xmlData => {
    // 使用 xmlData，在这里 XMLHttpRequest 已经完成，但 Promise 已处理完响应
    const xhr = new XMLHttpRequest();
    xhr.open('GET', 'other-url');
    xhr.onload = function() { /* 处理 xhr 数据 */ };
    xhr.send();
  })
  .catch(error => console.error(error));