SetTimeout [Javascript]

Zakaj mi ta skripta prikaže vsakič, ko poženem v istem vrstnem redu? Ali ni setTimeout funkcija asinhrona, torej lahko se zgodi, da se spremeni vrstni red?

setTimeout(() => {
    console.log("Hello")
}, 2000);

setTimeout(() => {
    console.log("world")
}, 2000);

setTimeout(() => {
    console.log("I am")
}, 2000);

setTimeout(() => {
    console.log("John")
}, 2000);

Hvala.

Kar je napisal msjr.
Priporočam ogled tega izjemo dobrega predavanja glede Javascript event loopa. Nekje okoli 8. minute začne govorit o tvojem primeru, žal ne razloži algoritma nalaganja callbackov na queue.
Po ogledu boš vedel, zakaj tistih 2000ms ni vedno natančno 2000ms pri setTimeout() v JS. ;)

Za angular-u/typescript vem, da lahko uporabljaš mehanizme async/await, po tem linku sledeč pa lahko to delaš tudi v javascriptu link.

Zimonem je 13. okt 2021 ob 19:00 izjavil:

marjan_h je 10. okt 2021 ob 15:09 izjavil:

Zakaj mi ta skripta prikaže vsakič, ko poženem v istem vrstnem redu? Ali ni setTimeout funkcija asinhrona, torej lahko se zgodi, da se spremeni vrstni red?

 setTimeout(() => {
 console.log("Hello")
 }, 2000);
 
 setTimeout(() => {
 console.log("world")
 }, 2000);
 
 setTimeout(() => {
 console.log("I am")
 }, 2000);
 
 setTimeout(() => {
 console.log("John")
 }, 2000);
 

Hvala.

Settimeout je zgolj funkcija. Asinshronost pomeni nekaj povsem drugega.

Zimonem, dej razloži kaj si hotel povedati, ker nekdo je predlagal izbris tvoje trditve.

msjr je 13. okt 2021 ob 19:17 izjavil:

nightrage je 13. okt 2021 ob 18:53 izjavil:

Za angular-u/typescript vem, da lahko uporabljaš mehanizme async/await, po tem linku sledeč pa lahko to delaš tudi v javascriptu link.

Čeprav je možno, toplo priporočam da ne delat tako.

Tale primer bo povzročil rahlo kap pri vsakem progamerju, ampak če že mora biti (še enkrat: ne tega delat), naj bo nekako v tem smislu:

 setTimeout( function(){
 console.log("Kurac");
 setTimeout( function(){
 console.log("Palac");;
 setTimeout( function(){
 console.log("Portugalac");
 }, 1000);
 }, 1000);
 }, 1000);
 

Ne bom nč trdil za javascript, sam v typescript-u pa async/await mehanizem olajša marsikatero stvar link

jp.
settimeout nastavi samo nek timer. ko se koda v tem timerju enkrat začne izvrševat se noben drug timer ne bo izvršil, dokler ta koda ne konča. torej ne drži uno kar sem jaz rekel, da bo vrstni red besed drugačen, če imaš dolgo zanko v eni funkciji. enak bo.
da bi bil drugačen bi bilo treba ustvariti thread za vsako funkcijo.

function sleep(num) {
    var now = new Date();
    var stop = now.getTime() + num;
    while(true) {
        now = new Date();
        if(now.getTime() > stop) return;
    }
}


setTimeout(() => {
    console.log("Hello")
}, 2000);

setTimeout(() => {
    sleep(1000);
    setTimeout(() => {		
  	  console.log("world1")
	}, 2000);
    console.log("world2")
}, 2000);

setTimeout(() => {
    console.log("I am")
}, 2000);

setTimeout(() => {
    console.log("John")
}, 2000);

http://jsfiddle.net/jng1L6fp/

Koda v typescript-u:

public executeWithDelay(dd: number, funct: Function) : void {
(async (dd: number, funct: Function) => {
await new Promise(f => setTimeout(f, dd));
funct();
})(dd, funct);
}

var callback1 = () : void => { console.log("Hello"); }
var callback2 = () : void => { console.log("World"); }
var callback3 = () : void => { console.log("I am") }
var callback4 = () : void => { console.log("John") }

this.executeWithDelay(2000, callback1);
this.executeWithDelay(2000, callback2);
this.executeWithDelay(2000, callback3);
this.executeWithDelay(2000, callback4);

setTimeout je funkcija na window objektu, ki ti po danem času pokliče definirano/podano callback funkcijo. Ta funkcija nima nobene veze z asinhronostjo.
Podane callback funckije se shranijo v interni event loop. Ta si samo zagotavlja, da se bodo funkcije klicale po določenem intervalu. Ob pogoju da je vrsta za obdelavo v event loopu prazna. Če se že izvaja neka časovno dolga funkcija, ki blokira glavni event loop (to je slabo), ti čakajoča sporočila/eventi za obdelavo stojijo. Tak primer funkcije "sleep" je podal kuall. Tam druge čakajoče callback funckije čakajo na dokočanje sleep, setTimeout in console.log funkcije, čeprav je mišljeno, da se izvedejo po 2000 ms. Ampak se ne bodo, ker sleep funkcija blokira glavni event loop, ker se izvaja. Ne bo pa glavni event loop kar po svoje ustavljal izvajanje neke funkcije, zaradi nekega nastavljenega timerja. Niti ne bo ustvarjal nove niti, da se neka funkcija izvede. Še več. Četudi bi v kaullovem primeru, pri izvajanju 2. callback funkcije, po dejansko pretečenih 3 sekundah, izbrisal 3. in 4. callback funkcijo s funkcijo clearTimeout, bi se 3. in 4. callback ne izvedli.

v OP primeru se callback funkcije izvedejo eno za drugo v klicanem vrstem redu. Za to poskrbi sam "javascript" pogon.

Niti ne. https://en.m.wikipedia.org/wiki/Async/a...

Zimonem je 16. okt 2021 ob 18:21 izjavil:

Ali si prizadet ali pa nimaš pojma o izvajanju pri JavaScriptu. Tu ni.a nobene veze hitrost izvajanja. In taki preždeti klikajo predloge za izbris. Sram te bodi.

Imaš prav, nimam pojma, kakšna napaka z moje strani res sem idiot!

Za predlog za izbris se ti opravičujem, sem hotel argumente in ne samo enovrstičnico. Ko sem prebral argumente, sem videl da sem imel popolnoma napačno predstavo o tem kako setTimeout deluje in vsem skupaj hvala, da sem z vašo pomočjo odpravil to zablodo.

Hvala in še enkrat se vsem skupaj opravičujem za dezinformacije.

Đorđe Balašević je rekel i ako su lagali mene i ja lažem vas