Versprechen basierte Funktion for-Schleife, die nicht laufen asynchron

Question

Ich habe den folgenden Code:

function asyncLoop() { 
    return new Promise(function(res, rej) { 
     for(let i=0;i<=400000000;i++) { 
      if(i===400000000) {console.log("done"); res();} 
     } 
    }); 
} 

asyncLoop().then(()=>{console.log("then")}); 
console.log("out"); 

Ich erhalte die folgende Ausgabe:

done 
out 
then 

Nach meinem Verständnis von Versprechungen, die asyncLoop hätte asynchron laufen sollen und folgendes hätte sein sollen:

Was? Vermisse ich?

Answer 1

Ihre Schleife ist in dem Rückruf, den Sie new Promise geben. Diese Funktion wird als ‚Vollstrecker‘ genannt:

function executor(resolve, reject) 

Der Testamentsvollstrecker ist synchron von new Promise genannt. Die Rolle des Executors besteht darin, irgendwelche asynchronen Ereignisse einzurichten, um resolve oder reject schließlich aufgerufen zu haben.

See MDN: Promise constructor parameters

Diese Funktion wird sofort als zwei Argumente mit den Auflösungsfunktionen aufgerufen.

Der Konstruktor wird nicht zurückkehren, bis der Testamentsvollstrecker

Answer 2

Sie haben eine falsche Annahme gemacht. Versprechen sind nicht asynchron, sie werden in einem asynchronen Kontext verwendet, um den Umgang mit Anrufen zu erleichtern. Um einen Prozess "asynchron" zu machen, könnten Sie setTimeout() verwenden.

function asyncLoop() { 
    return new Promise(function(res, rej) { 
     setTimeout(function() { 
      for(let i=0;i<=400000000;i++) { 
       if(i===400000000) {console.log("done"); res();} 
      } 
     }, 0); 
    }); 
} 

asyncLoop().then(()=>{console.log("then")}); 
console.log("out"); 

Answer 3

Ein Versprechen ist abgeschlossen hat nur ein Rückgabewert eine Rückruf legt stattdessen Rückrufe in eine Funktion, eine Konvention mit mehreren Vorteilen vorbei. Weitere Informationen finden Sie unter Using promises auf MDN.

JavaScript ist single-threaded mit einer Ereignisschleife. .then und setTimeout Ereignisse planen.

Alle JavaScript läuft auf dem Haupt-Thread des Browsers, wenn Sie ein worker erstellen:

function asyncLoop() { 
 
    for (let i = 0; i <= 400000000; i++) { 
 
    if (i == 400000000) { 
 
     self.postMessage('done'); 
 
    } 
 
    } 
 
} 
 

 
var blob = new Blob(["onmessage = " + asyncLoop.toString()], 
 
        {type: "text/javascript"}); 
 

 
var worker = new Worker(window.URL.createObjectURL(blob)); 
 

 
worker.onmessage = e => console.log(e.data); 
 
worker.postMessage("start");