অ্যাসিঙ্ক্রোনাস কলব্যাক ফাংশন সেট করার জন্য আমি কীভাবে অপেক্ষা করতে পারি?

Question 1

আমার কাছে কোড রয়েছে যা জাভাস্ক্রিপ্টে এরকম কিছু দেখাচ্ছে:

forloop {
    //async call, returns an array to its callback
}

এই সমস্ত অ্যাসিঙ্ক কলগুলি সম্পন্ন হওয়ার পরে, আমি সমস্ত অ্যারে থেকে মিনিট গণনা করতে চাই।

আমি কীভাবে তাদের সবার জন্য অপেক্ষা করতে পারি?

এখনই আমার একমাত্র ধারণা হ'ল বুলিয়ানগুলির একটি অ্যারে সম্পন্ন করা এবং আইথ কলব্যাক ফাংশনটিতে [i] সত্য করে সেট করা, তারপরে বলুন (সমস্ত কিছুই সম্পন্ন হয় না) {say

সম্পাদনা: আমি মনে করি একটি সম্ভাব্য, তবে কুরুচিপূর্ণ সমাধান, প্রতিটি কলব্যাকের মধ্যে সম্পন্ন অ্যারেটি সম্পাদনা করা হবে, তারপরে একটি পদ্ধতি কল করুন যদি প্রতিটি কলব্যাক থেকে অন্য সমস্ত সম্পন্ন করা থাকে তবে এই পদ্ধতিটি শেষ কলব্যাকটি অব্যাহত পদ্ধতিটিকে কল করবে।

আগাম ধন্যবাদ.

Question 2

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

ম্যানুয়াল কাউন্টার

var ajaxCallsRemaining = 10;
var returnedData = [];

for (var i = 0; i < 10; i++) {
    doAjax(whatever, function(response) {
        // success handler from the ajax call

        // save response
        returnedData.push(response);

        // see if we're done with the last ajax call
        --ajaxCallsRemaining;
        if (ajaxCallsRemaining <= 0) {
            // all data is here now
            // look through the returnedData and do whatever processing 
            // you want on it right here
        }
    });
}

দ্রষ্টব্য: এখানে ত্রুটি পরিচালনার বিষয়টি গুরুত্বপূর্ণ (এটি দেখানো হয়নি কারণ আপনি কীভাবে আপনার এজ্যাক্স কল করছেন তা নির্দিষ্ট করে)। যখন কোনও এজ্যাক্স কলটি কখনই সম্পূর্ণ হয় না হয় ত্রুটি সহকারে বা দীর্ঘ সময়ের জন্য আটকে যায় বা দীর্ঘ সময় পরে আউট হয়ে যায় আপনি কীভাবে আপনি কেস পরিচালনা করতে চলেছেন তা সম্পর্কে আপনি ভাবতে চাইবেন।

jQuery প্রতিশ্রুতি

২০১৪ সালে আমার উত্তরে যোগ করা These আজকাল, প্রতিশ্রুতিগুলি প্রায়শই এই ধরণের সমস্যা সমাধানের জন্য ব্যবহৃত হয় যেহেতু jQuery এর $.ajax()ইতিমধ্যে একটি প্রতিশ্রুতি প্রত্যাবর্তন করেছে এবং $.when()যখন আপনাকে প্রতিশ্রুতিগুলির একটি গোষ্ঠী সমস্ত সমাধান হয়ে যায় এবং আপনাকে ফলাফলগুলি সংগ্রহ করবে:

var promises = [];
for (var i = 0; i < 10; i++) {
    promises.push($.ajax(...));
}
$.when.apply($, promises).then(function() {
    // returned data is in arguments[0][0], arguments[1][0], ... arguments[9][0]
    // you can process it here
}, function() {
    // error occurred
});

ES6 স্ট্যান্ডার্ড প্রতিশ্রুতি

কেবিএর উত্তরে যেমন উল্লেখ করা হয়েছে : আপনার যদি অভ্যন্তরীণ প্রতিশ্রুতিগুলি অন্তর্নির্মিত (আধুনিক ব্রাউজার বা নোড.জেএস বা ব্যাবেলজ ট্রান্সপাইল ব্যবহার করে বা একটি প্রতিশ্রুতি পলফিল ব্যবহার করে) পরিবেশ থাকে তবে আপনি ES6- নির্দিষ্ট প্রতিশ্রুতি ব্যবহার করতে পারেন। ব্রাউজার সমর্থনের জন্য এই টেবিলটি দেখুন । প্রতিশ্রুতিগুলি IE বাদে বেশ কয়েকটি বর্তমান ব্রাউজারগুলিতে সমর্থিত।

যদি doAjax()কোনও প্রতিশ্রুতি দেয়, তবে আপনি এটি করতে পারেন:

var promises = [];
for (var i = 0; i < 10; i++) {
    promises.push(doAjax(...));
}
Promise.all(promises).then(function() {
    // returned data is in arguments[0], arguments[1], ... arguments[n]
    // you can process it here
}, function(err) {
    // error occurred
});

যদি আপনাকে কোনও প্রতিশ্রুতি ফেরত দেয় এমন একটি অ-প্রতিশ্রুতি অ্যাসিঙ্ক অপারেশন করার দরকার হয় তবে আপনি এটি "প্রতিশ্রুতি" দিতে পারেন:

function doAjax(...) {
    return new Promise(function(resolve, reject) {
        someAsyncOperation(..., function(err, result) {
            if (err) return reject(err);
            resolve(result);
        });
    });
}

এবং, তারপরে উপরের প্যাটার্নটি ব্যবহার করুন:

var promises = [];
for (var i = 0; i < 10; i++) {
    promises.push(doAjax(...));
}
Promise.all(promises).then(function() {
    // returned data is in arguments[0], arguments[1], ... arguments[n]
    // you can process it here
}, function(err) {
    // error occurred
});

ব্লুবার্ড প্রতিশ্রুতি

আপনি যদি ব্লুবার্ড প্রতিশ্রুতি লাইব্রেরির মতো আরও বৈশিষ্ট্য সমৃদ্ধ গ্রন্থাগার ব্যবহার করেন তবে এটি আরও সহজ করার জন্য এতে আরও কিছু অতিরিক্ত ফাংশন রয়েছে:

 var doAjax = Promise.promisify(someAsync);
 var someData = [...]
 Promise.map(someData, doAjax).then(function(results) {
     // all ajax results here
 }, function(err) {
     // some error here
 });

Question 3

2015 থেকে চেক করা হচ্ছে: আমরা এখন নেটিভ প্রতিশ্রুতি মধ্যে সাম্প্রতিকতম ব্রাউজার (এজ 12, ফায়ারফক্স 40, ক্রোম 43, সাফারি 8, অপেরা 32 এবং অ্যান্ড্রয়েড ব্রাউজার 4.4.4 এবং iOS সাফারি 8.4, কিন্তু না ইন্টারনেট এক্সপ্লোরার, অপেরা মিনি আর পুরোনো সংস্করণগুলি Android এর)।

যদি আমরা 10 টি এসিঙ্ক ক্রিয়া করতে এবং সেগুলি শেষ হয়ে গেলে বিজ্ঞপ্তি পেতে চাই তবে আমরা Promise.allকোনও বাহ্যিক লাইব্রেরি ছাড়াই নেটিভ ব্যবহার করতে পারি :

function asyncAction(i) {
    return new Promise(function(resolve, reject) {
        var result = calculateResult();
        if (result.hasError()) {
            return reject(result.error);
        }
        return resolve(result);
    });
}

var promises = [];
for (var i=0; i < 10; i++) {
    promises.push(asyncAction(i));
}

Promise.all(promises).then(function AcceptHandler(results) {
    handleResults(results),
}, function ErrorHandler(error) {
    handleError(error);
});

Question 4

আপনি কখন পদ্ধতির সাথে jQuery এর ডিফার্ড অবজেক্টটি ব্যবহার করতে পারেন ।

deferredArray = [];
forloop {
    deferred = new $.Deferred();
    ajaxCall(function() {
      deferred.resolve();
    }
    deferredArray.push(deferred);
}

$.when(deferredArray, function() {
  //this code is called after all the ajax calls are done
});

Question 5

আপনি এটির মতো অনুকরণ করতে পারেন:

  countDownLatch = {
     count: 0,
     check: function() {
         this.count--;
         if (this.count == 0) this.calculate();
     },
     calculate: function() {...}
  };

তারপরে প্রতিটি অ্যাসিঙ্ক কল এটি করে:

countDownLatch.count++;

প্রতিটি অ্যাসিঞ্চে মেথডের শেষে ফিরে যাওয়ার সময় আপনি এই লাইনটি যুক্ত করেন:

countDownLatch.check();

অন্য কথায়, আপনি একটি গণনা-ডাউন-ল্যাচ কার্যকারিতা অনুকরণ করুন।

Question 6

এটি আমার মতে সর্বাধিক ঝরঝরে উপায়।

প্রতিশ্রুতি

ফেচাপি

(কোনও কারণে অ্যারে.ম্যাপ ভিতরে কাজ করে না। তবে আমার জন্য কাজ করে But

Promise.all([
  fetch('/user/4'),
  fetch('/user/5'),
  fetch('/user/6'),
  fetch('/user/7'),
  fetch('/user/8')
]).then(responses => {
  return responses.map(response => {response.json()})
}).then((values) => {
  console.log(values);
})

Question 7

মত একটি নিয়ন্ত্রণ প্রবাহ লাইব্রেরি ব্যবহার করুন after

after.map(array, function (value, done) {
    // do something async
    setTimeout(function () {
        // do something with the value
        done(null, value * 2)
    }, 10)
}, function (err, mappedArray) {
    // all done, continue here
    console.log(mappedArray)
})