Explain how to cancel ongoing asynchronous tasks such as fetch requests or event listeners.
01
01
Understand the problem
asyncabortcontrollerpromises
02
02
Attempt it yourself
Sketch your approach before reading the solution — that's what interviews test.
Stuck? AI Nudge Available
Get a conceptual hint to guide your logic without spoiling the final implementation.
03
03
Study the solution
The solution is waiting
Give it an honest attempt first — then compare your thinking with the full walkthrough.
04
04
Read the code
Cancel a fetch on a timeout or user action
const controller = new AbortController();
const timer = setTimeout(() => controller.abort(), 2000);
try {
const res = await fetch('https://slow.api/data', { signal: controller.signal });
return await res.json();
} catch (err) {
if (err.name === 'AbortError') console.log('request cancelled');
else throw err;
} finally {
clearTimeout(timer);
}05
05
Join the discussion
Discussion (0)
Sign in to join the discussion.
No responses yet. Be the first to share what you think.