如何获取.then的返回值_仅仅知道如何终止XHR请求，或许对你来说是不够的！

TLDR:

当我们需要的时候，我们可以通过AbortController接口来终止一个或者多个请求。

前言

到目前为止，我们有两个常用的基本的手段去发送请求进而局部刷新页面内容，其一是XMR(XMLHttpRequest)，其二是fetch，我们一个个说

XHR

对于XHR，我们或许已经很熟悉了，当我们想要发送一个请求的时候，我们可以这样做：

const xhr = new XMLHttpRequest();
const method = 'GET';
const url = 'https://xxx';

xhr.open(method, url, true);
xhr.onreadystatechange = () => {
    
  if (xhr.readyState === 4) {
    
    // do something
  }
}
xhr.send();

当我们由于某种原因(比如重复请求)想要终止它的时候，我们只需要调用abort即可。

xhr.abort();

很方便也很简洁，但是对于fetch呢？

fetch

首先我们看下fetch的基本定义:

• 接受一个必须的参数和一个可选的参数
• 定义要获取的资源，地址或者Request对象
• 可选的配置对象，比如请求方式、body、credentials等等，其中我们需要知道的是signal&#x