Loading Files Synchronously In Javascript With Await Operator
Recently, I've read that there is a await operator in Javascript for waiting for a Promise object returned by an async function. My goal is to use just functions that are provided
Solution 1:
I've managed to get what I was looking for.
The first step is to create a async function and then, put all your code, that you need to be executed as if it were synchronous, within that function.
Here is a code snippet for that:
<html><body></body></html><script>var fileList = [
'test_1.txt',
'test_2.txt',
'test_3.txt',
'test_4.txt',
'test_5.txt'
];
asyncfunctionloadFiles()
{
for (i = 0; i < fileList.length; i++)
{
awaitfetch(fileList[i]).then(function(response){
return response.text();
}).then(function (text){
console.log(text);
});
console.log("loaded " + fileList[i]);
}
}
loadFiles();
</script>With this, all the files will be loaded one, after the another. It is pretty amazing to do this in these days, since it is easy to manage sequential tasks in javascript that were done asynchronously before.
Post a Comment for "Loading Files Synchronously In Javascript With Await Operator"