I was reading about nested promises and encountered this coding challenge in the tutorials. Can someone explain the execution order of this code? new Promise((resolve) => { new Promise((res) => { console.log("c"); resolve(3); res(2); }).then((response) => console.log(response)) }).then((res) => console.log(res));…
I have the following piece of code (+layout.svelte): import { getLang } from "$lib/locale"; import { browser } from "$app/environment"; const loadLang = async () => { if (browser) { // return await getLang(document.documentElement.lang, "home").then( function (data: any) { //…
here is my code let thoughts = ['1', '2', '3', '4', '5'] i = 0; const alretMaker = async () => { let interval = setInterval(function () { const div = document.createElement('div') const alret = document.createElement('span') document.body.append(div) div.append(alret) div.className =…
I have a component which has two state variables: const [data, setData] = useState(null); const [isDataLoading, setIsDataLoading] = useState(true); const fetchData = async () => { setIsDataLoading(true); const fetchedHugeData = await hugeDataFetch(); setData({ ...fetchedHugeData }); setIsDataLoading(false); } useEffect(() => {…
setInterval(() => { // do some stuff }, 1000) const foo = async () => { const res = await api_call(); const do_stuff(); } await foo(); Will the foo function block the setInterval when its callback is due to be…
How can I write a loop and send a request to the server so that the next request is performed after receiving the response in the previous request? I want the requests to be sent in order and the results…
How do I make sure all promises are resolved properly? Here even after the execution of the function some statements are still getting printed(the ones where I have added comments). I feel getAllRecords is not completing promises properly. Where am…
I was experimenting with this code: let with999 = Promise.resolve(999); let returnCatch = with999 .catch(reason => { console.log("catch: " + reason); }); returnCatch.then(data => { console.log("then: " + data); }); when I suddenly realized that: The promise with999 is fulfilled…
I am calling a function asynchronously to register user with phone number using Firebase. I want to show a CircularProgressIndicator while making the call as it takes little time to process the request. I used a state variable, isLoading, for…
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then#description Thenable objects that arise along the then() chain are always resolved — the onFulfilled handler never receives a thenable object, and any thenable returned by either handler are always resolved before being passed to the next handler. This is…