{"id":214,"date":"2021-09-24T02:44:32","date_gmt":"2021-09-24T02:44:32","guid":{"rendered":"https:\/\/www.bhoomabrsr.com\/blog\/?p=214"},"modified":"2021-09-25T14:07:27","modified_gmt":"2021-09-25T14:07:27","slug":"polyfill-for-async-seriestasks-callback","status":"publish","type":"post","link":"https:\/\/www.bhoomabrsr.com\/blog\/index.php\/2021\/09\/24\/polyfill-for-async-seriestasks-callback\/","title":{"rendered":"Polyfill for Async.series(tasks, callback)"},"content":{"rendered":"\n

The series method was quite a different one when we compared it to other sequential call stacks. The series method will take two arguments one is an array of functions<\/em> and another one is the finalCallback<\/em> which is optional to call with the first occurred error and obtained results until then.<\/p>\n\n\n

 \n\nasync.series( \n  [fn-1(callback), fn-2(callback), ... fn-n(callback)], \n  finalCallback( error, results ){ ... }\n);\n<\/pre>\n\n\n\n
Now will talk about the implementation. We can solve this problem by making Asyncify each task from the tasks array. This way, we can extract the result from each task, review for errors, and move to the next task. Let’s move to the code implementation.<\/p>\n\n\n\n
Asyncify a task<\/h2>\n\n\n
\n\nfunction Asyncify(task) {\n  return new Promise((resolve, reject) =&gt; {\n    task((error, result) =&gt; (error ? reject(error) : resolve(result)));\n  });\n}\n\n<\/pre>\n\n\n\n
That’s all we have completed with the implementation, and we need to use this method to queue up the tasks in a sequential way of execution.<\/p>\n\n\n
\nasync function series(tasks, finalCallback) {\n  const allResults = [];\n  for (let i = 0; i &lt; tasks.length; i++) {\n    try {\n      allResults.push(await Asyncify(tasks[i]));\n    } catch (error) {\n      finalCallback(error, allResults);\n      break;\n    }\n  }\n  console.log(allResults);\n  finalCallback(null, allResults);\n}\n\n<\/pre>\n\n\n\n
This solution is based on Promise API, and you can execute the below code in the browser console for quick analysis. And we can also implement a recursive-based solution and will look into it in our next post. 
The full spec you can read from https:\/\/caolan.github.io\/async\/v3\/docs.html#series.<\/a>

<\/p>\n\n\n\n
Now, add some sample tasks to test and see how this works.
<\/p>\n\n\n
\nconst sampleTasks =  [ function (callback) { setTimeout(function () { console.log("1"); callback(null, "one"); }, 200); }, function (callback) { setTimeout(function () { console.log("2"); callback(null, "two"); }, 100); }, function (callback) { setTimeout(function () { console.log("3"); callback(null, "three"); }, 90); }, function (callback) { setTimeout(function () { console.log("4"); callback(Error("some error")); }, 10); }, function (callback) { setTimeout(function () { console.log("5"); callback(null, "five"); }, 1000); }, ];\n\nfunction onSeriesCompleted(error, results) {\n  console.log("Error stack", error);\n  console.log("Results of successfully executed tasks", results);\n}\n\nfunction Asyncify(task) {\n  return new Promise((resolve, reject) => {\n    task((error, result) => (error ? reject(error) : resolve(result)));\n  });\n}\n\nasync function series(tasks = [], finalCallback) {\n  const allResults = [];\n  for (let i = 0; i < tasks.length; i++) {\n    try {\n      allResults.push(await Asyncify(tasks[i]));\n    } catch (error) {\n      finalCallback?.(error, allResults);\n      return; \/\/remove if you want continue even after error\n    }\n  }\n  finalCallback?.(null, allResults);\n}\n\nseries(sampleTasks, onSeriesCompleted);\n<\/pre><\/div>\n\n\n
Output<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"
Simple Polyfill for Async.series(tasks, callback)<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,14,15,35,33,34],"tags":[],"class_list":["post-214","post","type-post","status-publish","format-standard","hentry","category-async","category-ecma6","category-javascript","category-nodejs","category-specifications","category-standards"],"_links":{"self":[{"href":"https:\/\/www.bhoomabrsr.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bhoomabrsr.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bhoomabrsr.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bhoomabrsr.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bhoomabrsr.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=214"}],"version-history":[{"count":88,"href":"https:\/\/www.bhoomabrsr.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/214\/revisions"}],"predecessor-version":[{"id":312,"href":"https:\/\/www.bhoomabrsr.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/214\/revisions\/312"}],"wp:attachment":[{"href":"https:\/\/www.bhoomabrsr.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bhoomabrsr.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bhoomabrsr.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}