ইন্টারভিউ প্রশ্নব্যাংক — JavaScript

// ই-কমার্স অ্যাপের অটো-সেভ ড্রাফট ফিচার
class BlogEditor {
  constructor() {
    this.title = "আমার নতুন পোস্ট";
  }

  // ❌ ভুল নিয়ম: Traditional Function
  autoSaveBroken() {
    setTimeout(function () {
      // এখানে `this` হলো window/undefined, তাই টাইটেল পাবে না
      console.log(`সেভ হচ্ছে: ${this.title}`); // Output: undefined
    }, 1000);
  }

  // ✅ সঠিক নিয়ম: Arrow Function
  autoSaveCorrect() {
    setTimeout(() => {
      // Arrow function বাইরের `this` (BlogEditor) মনে রেখেছে
      console.log(`সেভ হচ্ছে: ${this.title}`); // Output: সেভ হচ্ছে: আমার নতুন পোস্ট
    }, 1000);
  }
}

const editor = new BlogEditor();
editor.autoSaveCorrect();

// সোশ্যাল মিডিয়া অ্যাপে পোস্ট লাইক দেওয়ার সিস্টেম
function handleLikeButton() {
  console.log("১. ইউজার লাইক বাটনে চাপ দিল");

  // Macrotask: ব্যাকগ্রাউন্ডে এনালিটিক্স পাঠানো (কম গুরুত্বপূর্ণ)
  setTimeout(() => {
    console.log("৪. সার্ভারে এনালিটিক্স ডাটা পাঠানো হলো (Macrotask)");
  }, 0);

  // Microtask: ডেটাবেজে লাইক কাউন্ট আপডেট করা (বেশি গুরুত্বপূর্ণ)
  Promise.resolve().then(() => {
    console.log("৩. ডাটাবেজ ও UI-তে লাইক কাউন্ট বেড়ে গেল (Microtask)");
  });

  console.log("২. বাটনের অ্যানিমেশন শুরু হলো");
}

handleLikeButton();
// আউটপুট অর্ডার: ১ -> ২ -> ৩ -> ৪

// রাইড শেয়ারিং অ্যাপের রাইড বুকিং লজিক
function bookRide() {
  // Macrotask
  setTimeout(() => {
    console.log(
      "৩. ড্রাইভারের কাছে রাইড রিকোয়েস্টের নোটিফিকেশন গেল (Macrotask)",
    );
  }, 0);

  // Microtask
  Promise.resolve().then(() => {
    console.log("২. পেমেন্ট মেথড চেক ও টাকা হোল্ড করা হলো (Microtask)");
  });

  console.log("১. রাইড বুকিং প্রসেস শুরু");
}

bookRide();
// আউটপুট: ১ -> ২ -> ৩

// শপিং কার্ট প্রোডাক্ট প্রসেসিং
console.log(`কার্ট টোটাল: ${cartTotal}`); // Output: undefined (এরর দেবে না, কারণ ডিক্লেয়ারেশন উপরে উঠেছে)
var cartTotal = 1500;

// হেল্পার ফাংশন নিচে ডিফাইন করা হলেও উপরে কাজ করবে
const formattedPrice = formatCurrency(cartTotal);
console.log(formattedPrice); // Output: ৳1,500

function formatCurrency(amount) {
  return `৳${amount.toLocaleString()}`;
}

function applyCoupon() {
  console.log(oldDiscount); // Output: undefined
  var oldDiscount = 50;

  console.log(newDiscount); // ❌ Uncaught ReferenceError: Cannot access 'newDiscount' before initialization (TDZ)
  let newDiscount = 100;
}
applyCoupon();

// ই-কমার্স অ্যাপে ইউনিক টোকেন নাম্বার জেনারেটর
function* generateOrderToken() {
  let tokenId = 1001;
  while (true) {
    yield `ORDER-${tokenId++}`; // প্রতিবার জেনারেট করে থেমে যাবে
  }
}

const tokenSystem = generateOrderToken();

console.log(tokenSystem.next().value); // Output: ORDER-1001
console.log(tokenSystem.next().value); // Output: ORDER-1002
console.log(tokenSystem.next().value); // Output: ORDER-1003

// লাইভ সার্চ ইনপুটের জন্য Debounce Utility
function createDebounceHandler(apiCallFunc, delay) {
  let timer; // Closure-এর মাধ্যমে timer আইডি মেমোরিতে সেভ থাকে

  return function (searchTerm) {
    clearTimeout(timer); // আগের টাইমার বাতিল করা
    timer = setTimeout(() => {
      apiCallFunc(searchTerm); // নির্দিষ্ট সময় পর API কল করা
    }, delay);
  };
}

// প্রোডাক্ট সার্চ এপিআই
const searchProducts = (query) => console.log(`এপিআই থেকে ডাটা আসছে: ${query}`);

// ৫০০ মিলিসেকেন্ডের ডিবাউন্স তৈরি
const handleSearchInput = createDebounceHandler(searchProducts, 500);

// ইউজার টাইপ করছে
handleSearchInput("samsung");
handleSearchInput("samsung s24"); // আগের টাইমার ক্লিয়ার হবে, শুধু এটি রান হবে

// মোবাইল ব্যাংকিং অ্যাপের ট্রানজেকশন প্রসেসিং
async function processPayment() {
  console.log("১. ট্রানজেকশন রিকোয়েস্ট শুরু");

  setTimeout(() => {
    console.log("৪. এসএমএস নোটিফিকেশন পাঠানো হলো (Macrotask)");
  }, 0);

  await null; // await-এর পরের অংশ Microtask হয়ে যায়

  console.log("৩. একাউন্ট ব্যালেন্স আপডেট হলো (Microtask)");
}

console.log("০. ইউজার পিন দিল");
processPayment();
console.log("২. স্ক্রিনে লোডার দেখানো হচ্ছে");

// আউটপুট ক্রম:
// ০. ইউজার পিন দিল
// ১. ট্রানজেকশন রিকোয়েস্ট শুরু
// ২. স্ক্রিনে লোডার দেখানো হচ্ছে
// ৩. একাউন্ট ব্যালেন্স আপডেট হলো (Microtask)
// ৪. এসএমএস নোটিফিকেশন পাঠানো হলো (Macrotask)

// ই-কমার্স নেস্টেড ক্যাটাগরি ডাটা
const categories = [
  "ইলেকট্রনিক্স",
  ["মোবাইল", ["স্যামসাং", "আইফোন"]],
  "ফ্যাশন",
];

// ১. প্র্যাকটিক্যাল রিকার্সিভ ফাংশন
function flattenCategories(items) {
  let flatList = [];

  for (const item of items) {
    if (Array.isArray(item)) {
      flatList.push(...flattenCategories(item)); // সাব-অ্যারে হলে আবার রান হবে
    } else {
      flatList.push(item);
    }
  }

  return flatList;
}

console.log(flattenCategories(categories));
// Output: ['ইলেকট্রনিক্স', 'মোবাইল', 'স্যামসাং', 'আইফোন', 'ফ্যাশন']

// ২. মডার্ন বিল্ট-ইন শর্টকাট
const easyWay = categories.flat(Infinity);

const cartItems = [
  { name: "শার্ট", price: 1000, inStock: true },
  { name: "প্যান্ট", price: 1500, inStock: false },
  { name: "জুতো", price: 2000, inStock: true },
];

// ১. map: শুধু সব প্রোডাক্টের নাম বের করা
const itemNames = cartItems.map((item) => item.name); // ['শার্ট', 'প্যান্ট', 'জুতো']

// ২. filter: যেসব প্রোডাক্ট স্টকে আছে সেগুলো নেওয়া
const availableItems = cartItems.filter((item) => item.inStock); // শার্ট ও জুতো

// ৩. reduce: কার্টের মোট দাম হিসাব করা
const totalPrice = cartItems.reduce((total, item) => total + item.price, 0); // 4500

// ৪. forEach: নোটিফিকেশন লগ করা
cartItems.forEach((item) => console.log(`প্রোডাক্ট: ${item.name}`));