জাভাস্ক্রিপ্ট প্রতিশ্রুতি এবং async অপেক্ষার মধ্যে পার্থক্য কি?

Question 1

আমি আমার অ্যাপ্লিকেশনগুলিতে ইতিমধ্যে ECMAScript 6 এবং ECMAScript 7 টি বৈশিষ্ট্য (বাবেলকে ধন্যবাদ) ব্যবহার করছি - মোবাইল এবং ওয়েব উভয়ই।

প্রথম পদক্ষেপটি অবশ্যই ECMAScript 6 স্তরের ছিল। আমি অনেক অ্যাসিঙ্ক প্যাটার্ন, প্রতিশ্রুতি (যা সত্যই আশাব্যঞ্জক), জেনারেটর (নিশ্চিত নয় যে * প্রতীক কেন) ইত্যাদি এগুলির মধ্যে থেকে প্রতিশ্রুতিগুলি আমার উদ্দেশ্যটিকে বেশ ভালভাবে উপযোগী করে তুলেছিল। এবং আমি এগুলিকে আমার অ্যাপ্লিকেশনগুলিতে ব্যবহার করছি।

আমি কীভাবে একটি মৌলিক প্রতিশ্রুতি বাস্তবায়িত করেছি তার একটি উদাহরণ / সিউডোকোড-

var myPromise = new Promise(
    function (resolve,reject) {
      var x = MyDataStore(myObj);
      resolve(x);
    });

myPromise.then(
  function (x) {
    init(x);
});

সময় অতিবাহিত হিসেবে আমি এর নাম ECMAScript জুড়ে 7 বৈশিষ্ট্য, এবং তাদের হচ্ছে একজন এসে ASYNCএবং AWAITকীওয়ার্ড / ফাংশন। এটি একসাথে দুর্দান্ত বিস্ময়কর কাজ করে। আমি আমার কিছু প্রতিশ্রুতি দিয়ে প্রতিস্থাপন শুরু করেছি async & await। তারা প্রোগ্রামিং শৈলীতে দুর্দান্ত মান যোগ করবে বলে মনে হচ্ছে।

আবার, এখানে আমার অ্যাসিঙ্ক, অপেক্ষার ফাংশনটি কেমন দেখাচ্ছে তা একটি সিউডোকোড-

async function myAsyncFunction (myObj) {
    var x = new MyDataStore(myObj);
    return await x.init();
}
var returnVal = await myAsyncFunction(obj);

বাক্য গঠন ত্রুটিগুলি (যদি থাকে) একদিকে রেখে, দুজনেই ঠিক একই জিনিসটি করে যা আমার মনে হয়। আমি প্রায়শই আমার প্রতিশ্রুতিগুলির বেশিরভাগটি async দিয়ে প্রতিস্থাপন করতে সক্ষম হয়েছি, অপেক্ষায় রয়েছে।

প্রতিশ্রুতিবদ্ধ অনুরূপ কাজ করলে কেন অ্যাসিঙ্ক, অপেক্ষা করা দরকার?

Async, একটি বড় সমস্যা সমাধানের জন্য অপেক্ষা করছে? নাকি কলব্যাক নরকের জন্য এটি অন্যরকম সমাধান ছিল?

যেমনটি আমি আগেই বলেছি, আমি প্রতিশ্রুতি এবং অ্যাসিঙ্ক ব্যবহার করতে সক্ষম, একই সমস্যাটি সমাধানের অপেক্ষায়। অ্যাসিঙ্কের অপেক্ষা করার মতো নির্দিষ্ট কিছু আছে কি?

অতিরিক্ত নোট:

আমি আমার রিএ্যাক্ট প্রজেক্ট এবং নোড.জেএস মডিউলগুলিতে ব্যাপকভাবে অ্যাসিঙ্কটি, অপেক্ষা এবং প্রতিশ্রুতি ব্যবহার করছি। প্রতিক্রিয়া বিশেষত একটি প্রাথমিক পাখি হয়ে গেছে এবং প্রচুর ECMAScript 6 এবং ECMAScript 7 বৈশিষ্ট্য গ্রহণ করেছে।

Question 2

প্রতিশ্রুতিবদ্ধদের অনুরূপ কাজ করলে কেন অ্যাসিঙ্ক, অপেক্ষা করা দরকার? Async, একটি বড় সমস্যা সমাধানের জন্য অপেক্ষা করছে?

async/awaitসহজভাবে আপনাকে অ্যাসিঙ্ক্রোনাস কোডে একটি সুসংগত অনুভূতি দেয়। এটি সিনট্যাকটিকাল চিনির একটি খুব মার্জিত রূপ।

সাধারণ জিজ্ঞাসা এবং ডেটা ম্যানিপুলেশনগুলির জন্য, প্রতিশ্রুতিগুলি সহজ হতে পারে, তবে আপনি যদি এমন জটিল পরিস্থিতিতে ডেটা ম্যানিপুলেশন এবং কী জড়িত না এমন পরিস্থিতিতে দেখেন তবে কোডটি কেবল সংলগ্ন বলে মনে হচ্ছে কি হচ্ছে তা বোঝা সহজ (এটিকে অন্য কোনও উপায়ে বলতে, সিনট্যাক্স ইন এবং নিজেই "ঘটনামূলক জটিলতা" এর এক রূপ যা async/awaitকাছাকাছি যেতে পারে)।

আপনি যদি জানতে আগ্রহী হন coতবে একই ধরণের অনুভূতি দেওয়ার জন্য আপনি (জেনারেটরের পাশাপাশি) লাইব্রেরি ব্যবহার করতে পারেন । async/awaitচূড়ান্তভাবে সমাধান করা (দেশীয়) সমস্যার সমাধান করার জন্য এর মতো বিষয়গুলি বিকাশ করা হয়েছে ।

Question 3

অ্যাসিঙ্ক / অ্যাওয়েট আরও জটিল পরিস্থিতিতে একটি খুব ভাল সিনট্যাক্স সরবরাহ করে। বিশেষ করে, কিছু loops বা মত অন্য কিছু নির্মান সঙ্গে তার আচরণ try/ catch।

উদাহরণ স্বরূপ:

while (!value) {
  const intermediate = await operation1();
  value = await operation2(intermediate);
}

এই উদাহরণটি কেবলমাত্র প্রতিশ্রুতি ব্যবহার করে যথেষ্ট সংশ্লেষিত হবে।

Question 4

প্রতিশ্রুতিবদ্ধদের অনুরূপ কাজ করলে কেন অ্যাসিঙ্ক, অপেক্ষা করা দরকার? Async, একটি বড় সমস্যা সমাধানের জন্য অপেক্ষা করছে? নাকি কলব্যাক নরকের জন্য এটি অন্যরকম সমাধান ছিল? আমি আগেই বলেছি, একই সমস্যা সমাধানের জন্য আমি প্রতিশ্রুতি এবং অ্যাসিঙ্ক, অ্যাওয়েট ব্যবহার করতে সক্ষম। Async Await সমাধান করা আছে যে নির্দিষ্ট কিছু আছে?

প্রথম জিনিসগুলি আপনাকে async/ awaitসিনট্যাক্সটি বুঝতে হবে যে কেবল সিনট্যাকটিক চিনি যা প্রতিশ্রুতি বাড়াতে বোঝানো হয়। আসলে কোনও asyncফাংশনের রিটার্ন মান একটি প্রতিশ্রুতি। async/ awaitসিনট্যাক্স আমাদের সিঙ্ক্রোনাস পদ্ধতিতে অ্যাসিনক্রোনাস লেখার সম্ভাবনা দেয়। এখানে একটি উদাহরণ:

প্রতিশ্রুতি শৃঙ্খল:

function logFetch(url) {
  return fetch(url)
    .then(response => response.text())
    .then(text => {
      console.log(text);
    }).catch(err => {
      console.error('fetch failed', err);
    });
}

Async ফাংশন:

async function logFetch(url) {
  try {
    const response = await fetch(url);
    console.log(await response.text());
  }
  catch (err) {
    console.log('fetch failed', err);
  }
}

উপরের উদাহরণে awaitপ্রতিশ্রুতি ( fetch(url)) এর সমাধান হয় বা প্রত্যাখ্যানের জন্য অপেক্ষা করে। যদি প্রতিশ্রুতিটি সমাধান হয় তবে মানটি responseভেরিয়েবলে সংরক্ষণ করা হয় এবং প্রতিশ্রুতি প্রত্যাখাত হলে এটি একটি ত্রুটি ছুঁড়ে দেয় এবং এইভাবে catchব্লকে প্রবেশ করবে ।

আমরা ইতিমধ্যে দেখতে পাচ্ছি যে প্রতিশ্রুতিবদ্ধ শৃঙ্খলার চেয়ে ব্যবহার async/ ব্যবহার awaitআরও পঠনযোগ্য। এটি বিশেষত সত্য যখন আমরা যে প্রতিশ্রুতিগুলি ব্যবহার করছি তার পরিমাণ বেড়ে যায়। উভয় প্রতিশ্রুতিবদ্ধ শৃঙ্খলাবদ্ধ এবং async/ awaitকলব্যাক হেলকের সমস্যার সমাধান এবং আপনি কোন পদ্ধতিটি পছন্দ করেন তা ব্যক্তিগত পছন্দের বিষয়।

Question 5

ভাল এবং কনস সঙ্গে সম্পূর্ণ তুলনা।

সরল জাভাস্ক্রিপ্ট

পেশাদাররা

কোন অতিরিক্ত গ্রন্থাগার বা প্রযুক্তি প্রয়োজন হয় না

ও'র সেরা পারফরম্যান্স

তৃতীয় পক্ষের গ্রন্থাগারগুলির সাথে সামঞ্জস্যের সর্বোত্তম স্তর সরবরাহ করে

অ্যাডহক এবং আরও উন্নত অ্যালগরিদম তৈরির অনুমতি দেয়

কনস

অতিরিক্ত কোড এবং অপেক্ষাকৃত জটিল অ্যালগরিদম প্রয়োজন হতে পারে

অ্যাসিঙ্ক (গ্রন্থাগার)

পেশাদাররা

সিম্পলি ﬁ সবচেয়ে সাধারণ নিয়ন্ত্রণ ﬂ ওউ নিদর্শন

এখনও একটি কলব্যাক-ভিত্তিক সমাধান

ভাল পারফরম্যান্স

কনস

একটি বাহ্যিক নির্ভরতা পরিচয় করিয়ে দেয়

উন্নত ow এর জন্য এখনও যথেষ্ট নাও হতে পারে

প্রতিশ্রুতি

পেশাদাররা

দুর্দান্তভাবে সরল ﬁ ES সর্বাধিক সাধারণ নিয়ন্ত্রণ ﬂ ওউ নিদর্শন

শক্ত ত্রুটি পরিচালনা

ES2015 স্পেসিফিকেশনের অংশ

গ্যারান্টিগুলি পূর্ণ ও অন আক্রান্তের অনুরোধ মুলতবি করেছে

কনস

কলব্যাক-ভিত্তিক এপিআইয়ের প্রতিশ্রুতি দেওয়ার প্রয়োজন

একটি ছোট পারফরম্যান্স হিট পরিচয় করিয়ে দেয়

জেনারেটর

পেশাদাররা

নন-ব্লকিং এপিআইকে একটি ব্লক করা মত দেখাচ্ছে

সিম্পলি error এস ত্রুটি পরিচালনা করে

ES2015 অংশ বিশেষ i

কনস

একটি পরিপূরক নিয়ন্ত্রণ ﬂ ওউ গ্রন্থাগার প্রয়োজন

তবুও কলব্যাকগুলি প্রয়োজন বা অ-অনুক্রমিক owগুলি বাস্তবায়নের প্রতিশ্রুতি রয়েছে

ননজেনেটর-ভিত্তিক এপিআইগুলিকে থানকিফাই বা প্রচারের প্রয়োজন

অ্যাসিঙ্ক অপেক্ষা করছে

পেশাদাররা

নন-ব্লকিং এপিআইকে ব্লক করার মতো করে তোলে

পরিষ্কার এবং স্বজ্ঞাত সিন্টেক্স

কনস

বাবেল বা অন্যান্য পরিবহনকারী এবং কিছু কনফারেন্সের প্রয়োজন আজ

Question 6

আপনার জটিল নিয়ন্ত্রণ প্রবাহের ক্ষেত্রে আপনার কোডটিকে ক্লিনার এবং আরও পঠনযোগ্য করে তুলতে অ্যাসিঙ্ক / অপেক্ষার সাহায্য করতে পারে। এটি আরও ডিবাগ-বান্ধব কোড উত্পাদন করে। এবং উভয়ই সুসংগত এবং অ্যাসিনক্রোনাস ত্রুটি ন্যায়বিচারের সাথে পরিচালনা করতে সক্ষম করে try/catch।

আমি সম্প্রতি এই পোস্টটি কোড উদাহরণ সহ কিছু সাধারণ ব্যবহারের ক্ষেত্রে আশ্বাসের প্রতিশ্রুতিগুলি / প্রত্যাশার জন্য অপেক্ষা করে দেখিয়েছি: 6 কারণ কেন জাভাস্ক্রিপ্ট অ্যাসিঙ্ক / অ্যাওয়েট ব্লোস প্রতিশ্রুতি দেয় (টিউটোরিয়াল)