如何仅在第一个http请求完成时触发新的http请求，并忽略/取消其间的所有其他请求

async function makeRequest(url) {
  const response = await fetch(url);
  // 处理第一个请求的响应
  // ...
  
  // 发起新的请求
  const newResponse = await fetch(newUrl);
  // 处理新请求的响应
  // ...
}

makeRequest('http://example.com/first');

function makeRequest(url, callback) {
  const xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理第一个请求的响应
      // ...
      
      // 发起新的请求
      const newUrl = 'http://example.com/new';
      const newXhr = new XMLHttpRequest();
      newXhr.onreadystatechange = function() {
        if (newXhr.readyState === 4 && newXhr.status === 200) {
          // 处理新请求的响应
          // ...
        }
      };
      newXhr.open('GET', newUrl);
      newXhr.send();
    }
  };
  xhr.open('GET', url);
  xhr.send();
}

makeRequest('http://example.com/first', function(response) {
  // 处理第一个请求的响应
  // ...
  
  // 发起新的请求
  makeRequest('http://example.com/new', function(newResponse) {
    // 处理新请求的响应
    // ...
  });
});