AbortController

web_APIs

AbortController 类表示一个可以用来终止请求的控制器。

const controller = new AbortController()

属性

• AbortController.signal
  一个 AbortSignal 对象实例，往往需要传给被控制的请求。

方法

• AbortController.abort([reason])
  在一个 DOM 请求完成之前终止，可以终止 fetch 请求，如果指定 reason 字段，会被设置为 AbortError 的异常。

用例

fetch 请求在被 abort 时会 reject 一个名为 AbortError 的 DOMException 错误。

try {
    const controller = new AbortController()
    const { signal } = controller
    const res = await fetch(
        'someResourceUrl',
        { signal }
    )
    const body = await res.json()
    setTimeout(() => {
        controller.abort()
    }, 1_000)
} catch (er) {
    if (er.name === 'AbortError') {
        // abort
        console.log('Abort!')
    } else {
        // network error
        console.log(`Type: ${e.name}, Message: ${e.message}`)
    }
}