js fetch 设置超时

### 回答1：
使用 fetch 函数时可以在 options 参数中设置超时时间。可以使用 AbortController 来控制超时，示例代码如下：

const controller = new AbortController();
const signal = controller.signal;

setTimeout(() => {
  controller.abort();
}, 5000);

fetch(url, { signal }).then(response => {
  // do something with the response
}).catch(error => {
  if (error.name === 'AbortError') {
    console.log('Fetch request aborted');
  }
});

这里设置了 5000 毫秒的超时时间，当 fetch 请求在这段时间内没有完成时，将会触发 abort 事件。

### 回答2：
在JavaScript中，使用fetch发送网络请求时，我们可以通过设置超时来控制请求的最长等待时间。虽然fetch API本身没有提供直接设置超时的方法，但我们可以使用Promise.race()方法来实现这个功能。

首先，我们创建一个可用于计时的Promise对象，并使用setTimeout函数来设定一个定时器，当超时时间达到时，该Promise对象会被reject。代码如下：

function timeoutPromise(ms) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(new Error('请求超时'));
    }, ms);
  });
}

然后，我们创建一个fetch请求，并将其与timeoutPromise一起传递给Promise.race()方法。这样，当超时时间到达时，Promise.race()会先返回超时Promise对象的结果，即reject的错误信息。代码如下：

function fetchWithTimeout(url, options, timeout = 3000) {
  return Promise.race([fetch(url, options), timeoutPromise(timeout)]);
}

现在我们就可以通过调用fetchWithTimeout函数来发送带有超时设置的网络请求了。例如：

fetchWithTimeout('https://example.com/api/data', { method: 'GET' }, 5000)
  .then(response => {
    // 处理正常的请求结果
    console.log('请求成功', response);
  })
  .catch(error => {
    // 处理超时或其他错误
    console.error('请求失败', error);
  });

在上述例子中，我们将超时时间设置为5000毫秒（即5秒），如果请求在这个时间内没有得到响应，就会触发超时错误。

总结起来，在JavaScript中使用fetch设置超时的方法是通过创建一个计时的Promise对象，并使用Promise.race()方法将其与fetch请求一起传递，从而达到在超过预设的超时时间后触发错误的效果。

### 回答3：
在使用JavaScript中的Fetch进行网络请求时，设置超时是很重要的。虽然Fetch API本身并没有提供直接的超时设置选项，但我们可以通过Promise.race的方式来实现。

以下是一个示例代码：

function fetchWithTimeout(url, timeout) {
  return Promise.race([
    fetch(url),
    new Promise((_, reject) => {
      setTimeout(() => reject(new Error('请求超时')), timeout);
    })
  ]);
}

fetchWithTimeout('https://api.example.com/data', 5000)
  .then(response => {
    // 处理成功返回的数据
  })
  .catch(error => {
    // 处理超时或其他错误
    console.log(error.message);
  });

上述代码示例中，我们定义了一个名为fetchWithTimeout的函数，它接受两个参数：要请求的URL和超时时间（以毫秒为单位）。使用Promise.race方法，我们将fetch请求和一个定时器Promise进行竞争。如果fetch请求在指定的超时时间内成功返回，那么它将成为Promise.race的最终值。如果超时时间到了，定时器Promise将成为最终值，并返回一个包含"请求超时"错误的Rejected状态Promise。

在实际使用过程中，我们可以根据需要自定义超时时间，并根据返回的Promise处理成功或失败的情况。