কীভাবে অনেক প্রতিশ্রুতি ফিরবেন এবং অন্যান্য জিনিসগুলি করার আগে সেগুলির জন্য অপেক্ষা করুন

Question 1

আমার কাছে একটি লুপ রয়েছে যা এমন পদ্ধতিতে কল করে যা অবিচ্ছিন্নভাবে স্টাফ করে। এই লুপটি পদ্ধতিটিকে বহুবার কল করতে পারে। এই লুপের পরে, আমার আরেকটি লুপ রয়েছে যা কেবলমাত্র সমস্ত অ্যাসিনক্রোনাস স্টাফ হয়ে গেলে সম্পাদন করা দরকার।

সুতরাং এটি আমি যা চাই তা চিত্রিত করে:

for (i = 0; i < 5; i++) {
    doSomeAsyncStuff();    
}

for (i = 0; i < 5; i++) {
    doSomeStuffOnlyWhenTheAsyncStuffIsFinish();    
}

আমি প্রতিশ্রুতিগুলির সাথে খুব বেশি পরিচিত নই, তাই কেউ কি এই অর্জনে আমাকে সহায়তা করতে পারে?

আমার doSomeAsyncStuff()আচরণ এইভাবে :

function doSomeAsyncStuff() {
    var editor = generateCKEditor();
    editor.on('instanceReady', function(evt) {
        doSomeStuff();
        // There should be the resolve() of the promises I think.
    })
}

হয়তো আমাকে এরকম কিছু করতে হবে:

function doSomeAsyncStuff() {
    var editor = generateCKEditor();
    return new Promise(function(resolve,refuse) {
        editor.on('instanceReady', function(evt) {
            doSomeStuff();
            resolve(true);
        });
    });
}

তবে আমি সিনট্যাক্স সম্পর্কে নিশ্চিত নই।

Question 2

আপনি এটির জন্য Promise.all( স্পেক , এমডিএন ) ব্যবহার করতে পারেন : এটি ব্যক্তিগত প্রতিশ্রুতিগুলির একগুচ্ছ গ্রহণ করে এবং আপনাকে দেওয়া একক প্রতিশ্রুতি ফিরিয়ে দেয় যা আপনি যখন দিয়েছিলেন তার সমস্তগুলি সমাধান করা হয়, বা যখন তাদের কোনওটি প্রত্যাখ্যান করা হয় তখন তা প্রত্যাখ্যান করা হয়।

সুতরাং যদি আপনি doSomeAsyncStuffকোনও প্রতিশ্রুতি ফিরিয়ে দেন তবে:

    const promises = [];
//  ^^^^^−−−−−−−−−−−−−−−−−−−−−−−−−−− use `const` or `let`, not `var`
    
    for (let i = 0; i < 5; i++) {
//       ^^^−−−−−−−−−−−−−−−−−−−−−−−− added missing declaration
        promises.push(doSomeAsyncStuff());
    }
    
    Promise.all(promises)
        .then(() => {
            for (let i = 0; i < 5; i++) {
//               ^^^−−−−−−−−−−−−−−−− added missing declaration
                doSomeStuffOnlyWhenTheAsyncStuffIsFinish();    
            }
        })
        .catch((e) => {
            // handle errors here
        });

এমডিএন এখানে প্রতিশ্রুতি সম্পর্কিত একটি নিবন্ধ আছে । আমি আমার বই জাভাস্ক্রিপ্ট: অধ্যায় 8 এর নতুন অধ্যায়টিতে প্রতিশ্রুতিগুলির বিস্তারিত কভার করেছি : আপনি আগ্রহী হলে আমার প্রোফাইলের লিঙ্কগুলি।

এখানে একটি উদাহরণ:

 function doSomethingAsync(value) {
     return new Promise((resolve) => {
         setTimeout(() => {
             console.log("Resolving " + value);
             resolve(value);
         }, Math.floor(Math.random() * 1000));
     });
   }
   
   function test() {
       const promises = [];
       
       for (let i = 0; i < 5; ++i) {
           promises.push(doSomethingAsync(i));
       }
       
       Promise.all(promises)
           .then((results) => {
               console.log("All done", results);
           })
           .catch((e) => {
               // Handle errors here
           });
   }
   
   test();

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

নমুনা আউটপুট (কারণ, Math.randomপ্রথমে যা শেষ হয় তা পরিবর্তিত হতে পারে):

সমাধান 3
সমাধান 2
সমাধান 1
সমাধান 4
সমাধান 0
সমস্ত সম্পন্ন হয়েছে [0,1,2,3,4]

Question 3

একটি পুনরায় ব্যবহারযোগ্য ফাংশন এই প্যাটার্নটির জন্য দুর্দান্তভাবে কাজ করে:

function awaitAll(count, asyncFn) {
  const promises = [];

  for (i = 0; i < count; ++i) {
    promises.push(asyncFn());
  }

  return Promise.all(promises);
}

ওপি উদাহরণ:

awaitAll(5, doSomeAsyncStuff)
  .then(results => console.log('doSomeStuffOnlyWhenTheAsyncStuffIsFinished', results))
  .catch(e => console.error(e));

সম্পর্কিত প্যাটার্নটি একটি অ্যারের উপরে পুনরাবৃত্তি করছে এবং প্রতিটি আইটেমের উপর একটি এসিএনসি অপারেশন করছে:

function awaitAll(list, asyncFn) {
  const promises = [];

  list.forEach(x => {
    promises.push(asyncFn(x));
  });

  return Promise.all(promises);
}

উদাহরণ:

const books = [{ id: 1, name: 'foo' }, { id: 2, name: 'bar' }];

function doSomeAsyncStuffWith(book) {
  return Promise.resolve(book.name);
}

awaitAll(books, doSomeAsyncStuffWith)
  .then(results => console.log('doSomeStuffOnlyWhenTheAsyncStuffIsFinished', results))
  .catch(e => console.error(e));

Question 4

const doSomeAsyncStuff = async (funcs) => {
  const allPromises = funcs.map(func => func());
  return await Promise.all(allPromises);
}

doSomeAsyncStuff([
  () => new Promise(resolve => setTimeout(() => resolve(), 100)),
  () => new Promise(resolve => setTimeout(() => resolve(), 100)),
  () => new Promise(resolve => setTimeout(() => resolve(), 100)),
  () => new Promise(resolve => setTimeout(() => resolve(), 100)),
  () => new Promise(resolve => setTimeout(() => resolve(), 100)),
]);

Question 5

এখানে বর্ণিত উত্তরগুলি বোঝার জন্য আমি এখানে কোড লিখেছি। লুপের জন্য আমার কাছে মঙ্গুজের প্রশ্ন রয়েছে, সুতরাং আমি asyncFunctionএটির জায়গাটি এখানে রাখলাম । আশা করি এটি যে কাউকে সাহায্য করবে। আপনি এই স্ক্রিপ্টটি নোডে বা জাভাস্ক্রিপ্টের যে কোনও রানটাইমটিতে চালাতে পারেন।

let asyncFunction = function(value, callback)
{
        setTimeout(function(){console.log(value); callback();}, 1000);
}



// a sample function run without promises

asyncFunction(10,
    function()
    {
        console.log("I'm back 10");
    }
);


//here we use promises

let promisesArray = [];

let p = new Promise(function(resolve)
{
    asyncFunction(20,
        function()
        {
            console.log("I'm back 20");
            resolve(20);
        }
    );
});

promisesArray.push(p);


for(let i = 30; i < 80; i += 10)
{
    let p = new Promise(function(resolve)
    {
        asyncFunction(i,
            function()
            {
                console.log("I'm back " + i);
                resolve(i);
            }
        );
    });
    promisesArray.push(p);
}


// We use Promise.all to execute code after all promises are done.

Promise.all(promisesArray).then(
    function()
    {
        console.log("all promises resolved!");
    }
)

Question 6

/*** Worst way ***/
for(i=0;i<10000;i++){
  let data = await axios.get(
    "https://yourwebsite.com/get_my_data/"
  )
  //do the statements and operations
  //that are dependant on data
}

//Your final statements and operations
//That will be performed when the loop ends

//=> this approach will perform very slow as all the api call
// will happen in series


/*** One of the Best way ***/

const yourAsyncFunction = async (anyParams) => {
  let data = await axios.get(
    "https://yourwebsite.com/get_my_data/"
  )
  //all you statements and operations here
  //that are dependant on data
}
var promises = []
for(i=0;i<10000;i++){
  promises.push(yourAsyncFunction(i))
}
await Promise.all(promises)
//Your final statement / operations
//that will run once the loop ends

//=> this approach will perform very fast as all the api call
// will happen in parallal

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