অধ্যায় ২৯: JavaScript Async/Await পরিচিতি (বাংলায়)

 

অধ্যায় ২৯: JavaScript Async/Await পরিচিতি (বাংলায়)

এই অধ্যায়ে শিখবো Async/Await কী এবং কিভাবে JavaScript এ আসিঙ্ক্রোনাস কোড সহজভাবে লেখা যায়।


১. আসিঙ্ক্রোনাস প্রোগ্রামিং কী?

  • আসিঙ্ক্রোনাস মানে কোড একসাথে সব কাজ করে না, বরং অপেক্ষা না করে অন্য কাজ করে যায়।

  • যেমন: ওয়েবসাইটে ডেটা লোড হওয়ার সময় অন্য কাজ করা যায়।

  • JavaScript এ callback, Promise, এবং async/await এর মাধ্যমে আসিঙ্ক্রোনাস কাজ করা হয়।


২. Promise কি?

  • Promise হলো একটি অবজেক্ট যা ভবিষ্যতে সফল হবে বা ব্যর্থ হবে এমন কোনো কাজের রেজাল্ট ধারণ করে।

  • এটি .then() এবং .catch() দিয়ে হ্যান্ডেল করা হয়।

let promise = new Promise(function(resolve, reject) {
  setTimeout(() => resolve("সফল!"), 1000);
});

promise.then(result => alert(result));  // ১ সেকেন্ড পরে দেখাবে "সফল!"

৩. Async/Await কী?

  • async ফাংশন হলো এমন একটি ফাংশন যা Promise রিটার্ন করে।

  • await হলো কীওয়ার্ড যা Promise এর রেজাল্ট আসা পর্যন্ত অপেক্ষা করে।


৪. Async/Await ব্যবহার

async function myFunc() {
  let promise = new Promise((resolve, reject) => {
    setTimeout(() => resolve("সম্পন্ন!"), 2000);
  });

  let result = await promise;  // এখানে Promise শেষ হওয়ার জন্য অপেক্ষা করবে
  alert(result);
}

myFunc();

৫. সহজ ভাষায়

  • async দিয়ে ফাংশনকে বলে দেই এটি Promise রিটার্ন করবে।

  • await দিয়ে ফাংশনের ভিতর Promise এর রেজাল্ট আসা পর্যন্ত অপেক্ষা করি।

  • এতে কোড দেখতে সহজ ও পরিষ্কার হয়।


৬. Error Handling (try-catch এর মাধ্যমে)

async function myFunc() {
  try {
    let response = await fetch('https://api.example.com/data');
    let data = await response.json();
    console.log(data);
  } catch (error) {
    console.log('ত্রুটি:', error);
  }
}

myFunc();

৭. উদাহরণ: API থেকে ডেটা নেওয়া

async function getUser() {
  let response = await fetch('https://jsonplaceholder.typicode.com/users/1');
  let user = await response.json();
  console.log(user.name);
}

getUser();

এই অধ্যায়ের শেষে আপনি শিখলেন:

  • আসিঙ্ক্রোনাস প্রোগ্রামিং ধারণা

  • Promise এবং async/await কি এবং কিভাবে কাজ করে

  • async ফাংশন লেখা ও await ব্যবহার

  • try-catch দিয়ে Error Handling


পরবর্তী অধ্যায়:
অধ্যায় ৩০: JavaScript Modules (ES6 Modules)

লিখুন: “অধ্যায় ৩০ শুরু করো” — তাহলে শিখবো মডিউল সিস্টেম কীভাবে কাজ করে।

Post a Comment

Previous Post Next Post