`প্রত্যাশার প্রতিশ্রুতি` এবং` প্রত্যাবর্তনের প্রতিশ্রুতির মধ্যে পার্থক্য `

Question 1

নীচের কোডের নমুনাগুলি দেওয়া, আচরণে কি কোনও পার্থক্য রয়েছে এবং যদি তাই হয় তবে এই পার্থক্যগুলি কী?

return await promise

async function delay1Second() {
  return (await delay(1000));
}

return promise

async function delay1Second() {
  return delay(1000);
}

যেহেতু আমি এটি বুঝতে পারি, প্রথমটিতে অ্যাসিঙ্ক ফাংশনটির মধ্যে ত্রুটি-পরিচালনা করা হবে এবং ত্রুটিগুলি অ্যাসিঙ্ক ফাংশনের প্রতিশ্রুতি থেকে বেরিয়ে আসবে। তবে দ্বিতীয়টির জন্য আরও একটি টিক লাগবে। এটা কি সঠিক?

এই স্নিপেট রেফারেন্সের জন্য কোনও প্রতিশ্রুতি ফিরিয়ে দেওয়ার জন্য কেবল একটি সাধারণ কাজ।

function delay(ms) {
  return new Promise((resolve) => {
    setTimeout(resolve, ms);
  });
}

Question 2

বেশিরভাগ সময়, returnএবং এর মধ্যে কোনও পর্যবেক্ষণযোগ্য পার্থক্য নেই return await। উভয় সংস্করণে delay1Secondঠিক একই পর্যবেক্ষণযোগ্য আচরণ রয়েছে (তবে বাস্তবায়নের উপর নির্ভর করে return awaitসংস্করণটি কিছুটা বেশি মেমরি ব্যবহার করতে পারে কারণ একটি মধ্যবর্তী Promiseবস্তু তৈরি হতে পারে)।

তবে @PitaJ নির্দিষ্ট, সেখানে এক ক্ষেত্রে যেখানে একটি পার্থক্য আছে: যদি returnবা return awaitএকটি নেস্টেড হয় try- catchব্লক। এই উদাহরণ বিবেচনা করুন

async function rejectionWithReturnAwait () {
  try {
    return await Promise.reject(new Error())
  } catch (e) {
    return 'Saved!'
  }
}

async function rejectionWithReturn () {
  try {
    return Promise.reject(new Error())
  } catch (e) {
    return 'Saved!'
  }
}

প্রথম সংস্করণে, অ্যাসিঙ্ক ফাংশন ফলাফল প্রত্যাবর্তনের আগে প্রত্যাখ্যাত প্রতিশ্রুতির জন্য অপেক্ষা করে, যার ফলে প্রত্যাখ্যানটি একটি ব্যতিক্রমে রূপান্তরিত হয় এবং catchধারাটি পৌঁছায়; ফাংশনটি এইভাবে "সংরক্ষিত!" স্ট্রিংয়ের সমাধানের প্রতিশ্রুতি ফিরিয়ে দেবে।

ফাংশনের দ্বিতীয় সংস্করণটি যদিও অ্যাসিঙ্ক ফাংশনটির মধ্যে অপেক্ষা না করে প্রত্যাখ্যাত প্রতিশ্রুতিটি সরাসরি প্রত্যাবর্তন করে , যার অর্থ কেসটি ডাকা catchহয় না এবং তার পরিবর্তে কলার প্রত্যাখ্যান পায়।

Question 3

যেমন অন্যান্য উত্তর হিসাবে উল্লিখিত হয়েছে, প্রতিশ্রুতিটি সরাসরি ফেরত দিয়ে বুদবুদ দেওয়ার সময় সামান্য পারফরম্যান্সের সুবিধা থাকতে পারে - কেবল কারণ আপনাকে প্রথমে ফলাফলটির জন্য অপেক্ষা করতে হবে না এবং তারপরে আবার অন্য প্রতিশ্রুতি দিয়ে এটি মোড়ানো হবে। তবে কেউ এখনও টেল কল অপটিমাইজেশন সম্পর্কে কথা বলেনি ।

টেইল কল অপ্টিমাইজেশন , বা "যথাযথ লেজ কল" , এমন একটি কৌশল যা দোভাষী তার কল স্ট্যাকটি অনুকূল করতে ব্যবহার করে। বর্তমানে, বেশিরভাগ রানটাইম এখনও এটিকে সমর্থন করে না - যদিও এটি প্রযুক্তিগতভাবে ES6 স্ট্যান্ডার্ডের অংশ - তবে ভবিষ্যতে এটির সমর্থন যোগ হতে পারে, সুতরাং আপনি ভাল কোডটি লিখে বর্তমানের জন্য প্রস্তুত করতে পারেন।

সংক্ষেপে, টিসিও (বা পিটিসি) সরাসরি কোনও ফাংশন দ্বারা ফিরে আসা কোনও ফাংশনের জন্য একটি নতুন ফ্রেম না খোলার মাধ্যমে কল স্ট্যাকটিকে অনুকূল করে । পরিবর্তে, এটি একই ফ্রেমটিকে পুনরায় ব্যবহার করে।

async function delay1Second() {
  return delay(1000);
}

যেহেতু delay()সরাসরি delay1Second()পাঠানো হয়েছে , পিটিসি সমর্থনকারী রানটাইমগুলি প্রথমে delay1Second()(বাইরের ফাংশন) জন্য একটি ফ্রেম খুলবে , তবে তারপরে (অভ্যন্তরীণ ফাংশন) জন্য অন্য ফ্রেমটি খোলার পরিবর্তে delay()এটি কেবল একই ফ্রেমটি পুনরায় ব্যবহার করবে যা বাইরের ফাংশনের জন্য খোলা হয়েছিল। এটি স্ট্যাকটিকে সর্বোত্তম করে তোলে কারণ এটি খুব বড় পুনরাবৃত্ত ক্রিয়াকলাপগুলির সাথে স্ট্যাকের ওভারফ্লো (hehe) প্রতিরোধ করতে পারে , যেমন fibonacci(5e+25),। মূলত এটি একটি লুপ হয়ে যায়, যা অনেক দ্রুত।

অভ্যন্তরীণ ফাংশনটি সরাসরি ফিরে আসলে পিটিসি সক্ষম হয় । ফাংশনটির ফলাফল ফিরে আসার আগে পরিবর্তিত হলে এটি ব্যবহার করা হয় না, উদাহরণস্বরূপ, যদি আপনার ছিল return (delay(1000) || null), বা return await delay(1000)।

তবে আমি যেমন বলেছি, বেশিরভাগ রানটাইম এবং ব্রাউজারগুলি এখনও পিটিসি সমর্থন করে না, সুতরাং এটি সম্ভবত এখন বিশাল পার্থক্য করে না, তবে এটি আপনার কোডটিকে ভবিষ্যতের প্রুফের ক্ষতি করতে পারে না।

এই প্রশ্নে আরও পড়ুন: নোড.জেএস: অ্যাসিঙ্ক ফাংশনগুলিতে লেজ কলগুলির জন্য অপ্টিমাইজেশন রয়েছে?

Question 4

এটি উত্তর দেওয়া একটি কঠিন প্রশ্ন, কারণ এটি আপনার ট্রান্সপ্লার (সম্ভবত babel) আসলে কীভাবে রেন্ডার করে তা অনুশীলনের উপর নির্ভর করে async/await। নির্বিশেষে পরিষ্কার যে জিনিস:

উভয় বাস্তবায়ন একই আচরণ করা উচিত, যদিও প্রথম প্রয়োগের চেইনে একটি কম থাকতে পারে Promise।
বিশেষত আপনি অপ্রয়োজনীয় বাদ দিলে await, দ্বিতীয় সংস্করণটির জন্য ট্রান্সপোর্টার থেকে কোনও অতিরিক্ত কোডের প্রয়োজন হবে না, যখন প্রথমটি এটি করে।

একটি কোড পারফরম্যান্স এবং ডিবাগিং দৃষ্টিকোণ থেকে, দ্বিতীয় সংস্করণটি পছন্দনীয়, যদিও এটি খুব সামান্য তাই, প্রথম সংস্করণটির সামান্য স্বীকৃতি বেনিফিট রয়েছে, এতে এটি স্পষ্টভাবে ইঙ্গিত দেয় যে এটি কোনও প্রতিশ্রুতি ফেরায়।

Question 5

লক্ষণীয় পার্থক্য: প্রতিশ্রুতি প্রত্যাখ্যান বিভিন্ন জায়গায় পরিচালিত হয়

return somePromiseকল সাইটে কিছু প্রোমাইজ , এবং কল সাইটে স্থির করার জন্য কিছু প্রচার করবে (যদি থাকে তবে)। সুতরাং, যদি কিছুপ্রোমিজ প্রত্যাখ্যান করা হয় তবে এটি স্থানীয় ক্যাচ ব্লক দ্বারা পরিচালিত হবে না, তবে কল সাইটের ক্যাচ ব্লক।await

async function foo () {
  try {
    return Promise.reject();
  } catch (e) {
    console.log('IN');
  }
}

(async function main () {
  try {
    let a = await foo();
  } catch (e) {
    console.log('OUT');
  }
})();
// 'OUT'

স্নিপেট প্রসারিত করুন

return await somePromiseস্থানীয়ভাবে বসতি স্থাপনের জন্য প্রথমে কিছু অর্থের অপেক্ষায় থাকবে । অতএব, মান বা ব্যতিক্রম প্রথমে স্থানীয়ভাবে পরিচালিত হবে। => somePromiseপ্রত্যাখ্যাত হলে লোকাল ক্যাচ ব্লক কার্যকর করা হবে ।

async function foo () {
  try {
    return await Promise.reject();
  } catch (e) {
    console.log('IN');
  }
}

(async function main () {
  try {
    let a = await foo();
  } catch (e) {
    console.log('OUT');
  }
})();
// 'IN'

স্নিপেট প্রসারিত করুন

কারণ: `return await Promise`স্থানীয়ভাবে এবং বাইরে উভয় ক্ষেত্রেই `return Promise`অপেক্ষা করা হয়, কেবলমাত্র বাইরে অপেক্ষা করা

বিস্তারিত পদক্ষেপ:

প্রতিশ্রুতি ফিরে

async function delay1Second() {
  return delay(1000);
}

কল delay1Second();

const result = await delay1Second();

ভিতরে delay1Second(), ফাংশন delay(1000)সঙ্গে সঙ্গে একটি প্রতিশ্রুতি ফেরত [[PromiseStatus]]: 'pending। এটি কল করুন delayPromise।

async function delay1Second() {
  return delayPromise;
// delayPromise.[[PromiseStatus]]: 'pending'
// delayPromise.[[PromiseValue]]: undefined
}

অ্যাসিঙ্ক ফাংশনগুলি তাদের রিটার্ন মানটি Promise.resolve()( উত্স ) ভিতরে গুটিয়ে রাখবে । কারণ delay1Secondএকটি অ্যাসিঙ্ক ফাংশন, আমাদের রয়েছে:

const result = await Promise.resolve(delayPromise); 
// delayPromise.[[PromiseStatus]]: 'pending'
// delayPromise.[[PromiseValue]]: undefined

Promise.resolve(delayPromise)delayPromiseকিছুই না করে ফিরে আসে কারণ ইনপুটটি ইতিমধ্যে একটি প্রতিশ্রুতি ( এমডিএন প্রতিশ্রুতি দেখুন olve সমাধান করুন ):

const result = await delayPromise; 
// delayPromise.[[PromiseStatus]]: 'pending'
// delayPromise.[[PromiseValue]]: undefined

awaitdelayPromiseস্থির হওয়া অবধি অপেক্ষা করুন ।

যদি delayPromiseপ্রতিশ্রুতি = 1 দিয়ে পূর্ণ হয়:

const result = 1;

ELSE delayPromiseপ্রত্যাখ্যান করা হয়:

// jump to catch block if there is any

প্রতিশ্রুতি প্রত্যাবর্তন

async function delay1Second() {
  return await delay(1000);
}

কল delay1Second();

const result = await delay1Second();

ভিতরে delay1Second(), ফাংশন delay(1000)সঙ্গে সঙ্গে একটি প্রতিশ্রুতি ফেরত [[PromiseStatus]]: 'pending। এটি কল করুন delayPromise।

async function delay1Second() {
  return await delayPromise;
// delayPromise.[[PromiseStatus]]: 'pending'
// delayPromise.[[PromiseValue]]: undefined
}

স্থানীয় প্রতীক্ষা স্থির না হওয়া পর্যন্ত অপেক্ষা করবে delayPromise।

কেস 1 : delayPromiseপ্রতিশ্রুতি 1:

async function delay1Second() {
  return 1;
}

const result = await Promise.resolve(1); // let's call it "newPromise"

const result = await newPromise; 
// newPromise.[[PromiseStatus]]: 'resolved'
// newPromise.[[PromiseValue]]: 1

const result = 1;

কেস 2 : delayPromiseপ্রত্যাখ্যান করা হয়েছে:

// jump to catch block inside `delay1Second` if there is any
// let's say a value -1 is returned in the end

const result = await Promise.resolve(-1); // call it newPromise

const result = await newPromise;
// newPromise.[[PromiseStatus]]: 'resolved'
// newPromise.[[PromiseValue]]: -1

const result = -1;

শব্দকোষ:

এগুতেই: Promise.[[PromiseStatus]]থেকে পরিবর্তন pendingকরতে resolvedবাrejected

Question 6

এখানে আমি কিছু কোড ব্যবহারিক রেখেছি যাতে আপনি এটির পার্থক্যটিকে কমিয়ে আনতে পারেন

 let x = async function () {
  return new Promise((res, rej) => {
    setTimeout(async function () {
      console.log("finished 1");
      return await new Promise((resolve, reject) => { // delete the return and you will see the difference
        setTimeout(function () {
          resolve("woo2");
          console.log("finished 2");
        }, 5000);
      });
      res("woo1");
    }, 3000);
  });
};

(async function () {
  var counter = 0;
  const a = setInterval(function () { // counter for every second, this is just to see the precision and understand the code
    if (counter == 7) {
      clearInterval(a);
    }

    console.log(counter);
    counter = counter + 1;
  }, 1000);
  console.time("time1");
  console.log("hello i starting first of all");
  await x();
  console.log("more code...");
  console.timeEnd("time1");
})();

"এক্স" ফাংশনটি হ'ল একটি ফাংশন অ্যাসিঙ্কের তুলনায় এটি অন্যান্য ফুকন যদি এটি মুছে ফেলবে তবে এটি "আরও কোড ..." মুদ্রণ করবে

ভেরিয়েবল এক্সটি কেবল একটি অ্যাসিনক্রোনাস ফাংশন যার পরিবর্তে অন্য একটি অ্যাসিনক্রোনাস ফাংশন থাকে, কোডের মূল অংশে আমরা ভেরিয়েবল এক্স এর ফাংশনটি কল করার জন্য অপেক্ষা করি, যখন এটি সম্পূর্ণ হয় এটি কোডের ক্রম অনুসরণ করে, তবে এটি স্বাভাবিক হবে "অ্যাসিঙ্ক / অপেক্ষার" জন্য, তবে এক্স ফাংশনের ভিতরে আরও একটি অ্যাসিনক্রোনাস ফাংশন রয়েছে এবং এটি একটি প্রতিশ্রুতি দেয় বা একটি "প্রতিশ্রুতি" দেয় যা মূল কোডটি ভুলে গিয়ে এক্স ফাংশনের অভ্যন্তরে থাকবে, অর্থাৎ এটি প্রিন্ট করবে না "কনসোল.লগ (" আরও কোড .. "), অন্যদিকে, আমরা যদি" অপেক্ষা "রাখি তবে এটি প্রতিটি ক্রিয়াকলাপের জন্য অপেক্ষা করবে যা শেষ হয় এবং শেষ পর্যন্ত মূল কোডটির স্বাভাবিক ক্রম অনুসরণ করে।

"কনসোল.লগের নীচে (" সমাপ্ত 1 "" রিটার্ন "মুছুন, আপনি আচরণটি দেখতে পাবেন।

Question 7

এখানে একটি টাইপ স্ক্রিপ্ট উদাহরণ রয়েছে যা আপনি দৌড়াতে পারেন এবং নিজেকে বোঝাতে পারেন যে আপনার "প্রত্যাবর্তনের অপেক্ষায়" দরকার

async function  test() {
    try {
        return await throwErr();  // this is correct
        // return  throwErr();  // this will prevent inner catch to ever to be reached
    }
    catch (err) {
        console.log("inner catch is reached")
        return
    }
}

const throwErr = async  () => {
    throw("Fake error")
}


void test().then(() => {
    console.log("done")
}).catch(e => {
    console.log("outer catch is reached")
});

স্নিপেট প্রসারিত করুন

`প্রত্যাশার প্রতিশ্রুতি` এবং` প্রত্যাবর্তনের প্রতিশ্রুতির মধ্যে পার্থক্য `

লক্ষণীয় পার্থক্য: প্রতিশ্রুতি প্রত্যাখ্যান বিভিন্ন জায়গায় পরিচালিত হয়

কারণ: return await Promiseস্থানীয়ভাবে এবং বাইরে উভয় ক্ষেত্রেই return Promiseঅপেক্ষা করা হয়, কেবলমাত্র বাইরে অপেক্ষা করা

বিস্তারিত পদক্ষেপ:

প্রতিশ্রুতি ফিরে

প্রতিশ্রুতি প্রত্যাবর্তন

কারণ: `return await Promise`স্থানীয়ভাবে এবং বাইরে উভয় ক্ষেত্রেই `return Promise`অপেক্ষা করা হয়, কেবলমাত্র বাইরে অপেক্ষা করা