Hi guys 👋

I've just finished setting up my personal portfolio page. Could you please check it out and share with me your feedback, thanks 🙏❤️

URL: https://azizfcb.github.io/azizfcb/

Looking forward to hear your opinions 😊

so am trying to learn webdev and promises. afaik, js is single threaded but can work in a multi threaded way, so if i have say a database of booknames, and i query for 1 book three times, it can run all the 3 requests parallely and give me the responses accordingly, via promises. in java we would use threads for such thing.

So to test, i used this synchronous sleep function: https://stackoverflow.com/a/...
and created the following getBooksFunction() :

function getBookNameAsyncP(id, delay) {
return new Promise(
(resolve, reject) => {
console.log(`getBookName(${id}) called at ${Date.now()}`)
sleepSync(delay)
let result;
if (id in bookNames) {
const resp = {id: id, result: bookNames[id]}
result = resolve(resp);
}
else {
const resp = {id: id, result: "ERROR! BOOK NOT FOUND!"}
result = reject(resp);
}
console.log(`getBookName(${id}) finished processing at ${Date.now()}`)
return result
}
)
}

var bookNames = ['a','b','c','d','e']

//-------------------------------------------
this function is supposed to return a promise that it will return the value of book or error after searching for given milliseconds (fake search time).
but this function does not work correctly. i made 4 calls :
- id: 1,delay: 2000
- id: 2,delay: 1000
- id: 3,delay: 3000
- id: 7,delay: 2500

via usual promise format , i.e 4 seperte calls of getBookNameAsyncP(id, delay).then(/*log result*/).catch(/**log error*/)

my expectation was :
b
a
"error"
c

but instead i got synchronous result (a,b,c,error) and weird timestamps.

So can anyone help understand me what's going wrong here and how to the expected result?

ps : pastebin link in comments for better code highlighting