Abort Controller in JavaScript

// Basic cancellation
const controller = new AbortController()

const request = fetch(url, {
  signal: controller.signal
})

// Cancel the request
controller.abort()

// Cancel on user action
const controller = new AbortController()

const fetchButton = document.getElementById('fetch')
const cancelButton = document.getElementById('cancel')

fetchButton.addEventListener('click', async () => {
  try {
    const response = await fetch(url, {
      signal: controller.signal
    })
    const data = await response.json()
    console.log(data)
  } catch (error) {
    if (error.name === 'AbortError') {
      console.log('Request was cancelled')
    }
  }
})

cancelButton.addEventListener('click', () => {
  controller.abort()
})