Q44. What is AbortController and how is it used to cancel requests?

const controller = new AbortController();

const signal = controller.signal;

// signal কাজে লাগিয়ে request পাঠানো
const promise = fetch("/api/search?q=javascript", { signal });

// পরে ইচ্ছা করলে বাতিল
controller.abort();

promise.catch((error) => {
  if (error.name === "AbortError") {
    console.log("request বাতিল হয়েছে");
  }
});

let currentController = null;

async function search(term) {
  // আগের request বাতিল
  if (currentController) {
    currentController.abort();
  }

  currentController = new AbortController();

  try {
    const response = await fetch(`/api/search?q=${term}`, {
      signal: currentController.signal,
    });

    const data = await response.json();
    renderResults(data);
  } catch (error) {
    if (error.name !== "AbortError") {
      console.error("সত্যিকারের error:", error.message);
    }
  }
}

async function fetchWithTimeout() {
  try {
    const response = await fetch("/api/slow", {
      signal: AbortSignal.timeout(3000),
    });

    return await response.json();
  } catch (error) {
    if (error.name === "TimeoutError") {
      console.log("৩ সেকেন্ডে সময় শেষ");
    }
  }
}

// একাধিক কাজ একসাথে বাতিল
const controller = new AbortController();

const { signal } = controller;

const upload = fetch("/api/upload", { method: "POST", body: data, signal });
const analytics = fetch("/api/track", { signal });

// দুটোই বাতিল
controller.abort();

// শুধু একটি বাতিল
controller.abort("প্রয়োজন বাতিল");

// event listener বাতিল করা
const controller = new AbortController();

window.addEventListener("resize", handleResize, { signal: controller.signal });

// আর কোনো বড় handler খুললে
controller.abort();
// listener স্বয়ংক্রিয়ভাবে সরে যায়

// ইচ্ছাকৃতভাবে বাতিল চেক করা
async function save() {
  const controller = new AbortController();

  const timer = setTimeout(() => {
    console.log("10 সেকেন্ডে সময় শেষ");
    controller.abort();
  }, 10000);

  try {
    const response = await fetch("/api/save", {
      method: "POST",
      body: JSON.stringify(formData),
      signal: controller.signal,
    });

    return await response.json();
  } finally {
    clearTimeout(timer); // সবসময় টাইমার পরিষ্কার
  }
}

// signal-এর অবস্থা দেখা
const controller = new AbortController();

console.log(controller.signal.aborted); // false

controller.abort();
console.log(controller.signal.aborted); // true