প্রমিস (Promise)

প্রমিস বিষয়টার অর্থ হলো প্রতিশ্রুতি মানুষের দৈনন্দিন জীবনের সাথে প্রমিস একদম উতপ্রেত ভাবে জড়িত। ধরে নিন আপনি কাউকে কথা দিলেন যে আগামীকাল আপনি তার বাড়িতে বেড়াতে যাবেন এখন যাওয়ার জন্য অনেক সময় লাগতে পারে ধরে নিলাম ২০ মিনিট কিন্তু আপনি যে আসলে ২০মিনিটে পৌছাবেন এইটা আপনি নির্দিষ্ট না কারন রাস্তায় জ্যাম থাকতে পারে গাড়ি নষ্ট হতে পারে বা গাড়িড় তেল মাঝ পথে শেষ হতে পারে অথবা রাস্তা ফাকা থাকার কারনে আপনি ২০ মিনিটের আগেই পৌছাতে পারেন। এইখানে একটা বিষয় লক্ষ্য করুন ভাল করে আপনি কিন্তু কথা দিয়েছেন যাবেন কিন্তু আপনার যে যাওয়া হবে এইটা আপনি সবসময় নিশ্চত না। আপনি যদি কোন কারণে যেতে না পারেন আপনি দুঃখিত হবেন এবং যাকে কথা দিয়েছেন থাকে ফোন করে বা কোন ভাবে হয়ত সরি বলবেন। আর যদি যেতে পারেন তাহলে তো আপনি খাওয়া দাওয়া করে খুশি খুশি অনুভব করবেন। জাভাস্ক্রিপ্টের প্রমিস ও টিক একই রকম। এইখানে প্রমিসে আপনি কিছু একটা দিবেন সে প্রথমে চেষ্টা করবে resolve করতে কিন্তু কো কারনে যদি করতে না পারে তাহলে সে reject করবে মানে আপনাকে সে বলবে আমি আসলে প্রমিস টা রাখতে পারলাম না।

দেখে নেই প্রমিস কিভাবে লিখতে হবে?

const meetingTime = "10:00 AM"
const reachTime = "10:30 AM"
const promise = new Promise((resolve, reject)=>{
  if(meetingTime === reachTime){
     resolve("Promise resolved")
  }
  else{
    reject("Promise Rejected")
  }
})

কেন আমরা প্রমিস লিখব?

প্রমিস লিখার মূল কারন হলো আগে যে আমরা কলব্যাক ফাংশন ব্যাবহার করতাম সেইখানে আমাদের কন্ট্রোল ছিল না তাছাড়া কোড ম্যানেজ করা কষ্টসাধ্য ছিল এরর হ্যান্ডেলিং করা জটিল ছিল এসব সমসার সমাধান করার জন্যই মূলত প্রমিসের উদ্ভব হয়েছে।

চলুন দেখে নেই কলব্যাক আর প্রমিসের মাঝে পার্থক্যটা কোথায় ?

কলব্যাক যেভাবে লিখতাম

callback.js

function fetchData(callback) {
  setTimeout(() => {
    const data = 'Fetched data';
    callback(data);
  }, 1000);
}

fetchData((result) => {
  console.log(result);
});

Promise এ যেভাবে লিখতে হবে

promise.js

function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const data = 'Fetched data';
      resolve(data);
    }, 1000);
  });
}

fetchData()
  .then((result) => {
    console.log(result);
  })
  .catch((error) => {
    console.error(error);
  });

প্রমিস লিখে সুবিধা কি কি পাচ্ছি?

১। প্রমিস লিখার মাধ্যমে আমি আমার কোড গুলো ছোট অংশে ভাগ করতে পারছি।

২। প্রমিসের চেইনিং মেথড গুলো ব্যাবহার করে আমি ডাটা ম্যানুপুলেট ও কাষ্টমাইড করতে পারছি।

৩। বিল্ড ইন এরর হ্যান্ডেলিং সিন্ট্যাক্স পাচ্ছি।

৪। এক সাথে অনেক গুলো প্রমিস কে ব্যাচ অপারেশন হিসেবে প্রসেস করতে পারছি।

৫। সহজে Asynchronous অপারেশন হ্যান্ডেল করতে পারছি।

Promise.any()

Prmise.any() প্যারামিটার হিসেবে একটা অ্যারে নেয় এবং যেইটা এক্সিকিউশন হতে টাইম কম নেই সেই প্রমিসটা রিসিভ করে এবং রিটার্ন করে দেয়। সেইক্ষেত্রে যদি কোন একটা প্রমিস রিজেক্ট ও হয় সে সেইটা না দেখিয়ে যে প্রমিসটা দ্রুত রিসল্ভ হয়েছে সেইটা দেখায়।

const promise1= Promise.resolve(50);
const promise2= Promise.resolve(60);
const promise3= Promise.resolve(70);
const promise4 = Promise.reject(0);

const promises = [promise1, promise2, promise3, promise4];
Promise.any(promises)
  .then(result => console.log(result))
  .catch(error => console.log(error));

output:

50

Promise.all()

Prmise.all() প্যারামিটার হিসেবে একটা অ্যারে নেয় এবং সবগুলো প্রমিশ রিসলভ হওয়ার পরে রেজাল্ট রিসিভ করে এবং রিটার্ন করে দেয়। কিন্তু যদি কোন প্রমিস রিজেক্ট হয় সে ক্ষেত্র সে শুধু রিজেক্ট প্রমিস টা রিটার্ন করে। নিচের কোডটার আউটপুটের দিকে লক্ষ্য করলে দেখবেন প্রথম ক্ষেত্রে সে সব গুলো রিসল্ভ প্রমিসের আউটপুট দিলেও দ্বিতীয় ক্ষেত্রে দেয়নি।

const promise1= Promise.resolve(50);
const promise2= Promise.resolve(60);
const promise3= Promise.resolve(70);
const promise4 = Promise.reject(0);

const promisesWithoutReject = [promise1, promise2, promise3];
Promise.all(promisesWithoutReject)
  .then(result => console.log(result))
  .catch(error => console.log(error));
  
const promisesWithReject = [promise1, promise2, promise3, promise4];
Promise.all(promisesWithReject)
  .then(result => console.log(result))
  .catch(error => console.log(error));

output

[ 50, 60, 70 ]
0

Promise.race()

Promise.race() প্যারামিটার হিসেবে একটা অ্যারে নেয় এবং সবচেয়ে দ্রুত রিসল্ভ কৃত প্রমিসের আউটপুটটা রিটার্ন করে দেয়।

const promise1 = new Promise((resolve, reject) => {
  setTimeout(resolve, 500, 'one');
});

const promise2 = new Promise((resolve, reject) => {
  setTimeout(resolve, 100, 'two');
});

Promise.all([promise1, promise2])
  .then(result => console.log(result))
  .catch(error => console.log(error));

output:

two

Promise.allSettled()

Promise.allSettled প্যারামিটার হিসেবে একটা অ্যারে নেয় এবং রিজেক্টেট এবং রিসল্ভ উভয় টাইপের রিজাল্ট গুলো রিটার্ন করে এক্সিকিশনের পরে।

const promise1 = Promise.resolve(3);
const promise2 = new Promise((resolve, reject) => setTimeout(reject, 100, 'foo'));
const promises = [promise1, promise2];

Promise.allSettled(promises).then((results) => results.forEach((result) => console.log(result.status)));

output:

fulfilled
rejected