Verwenden von setTimeout für die Versprechen-Kette

Hier versuche ich, meinen Kopf um Versprechen zu wickeln. Hier hole ich auf erste Anfrage eine Reihe von Links. Und auf nächste Anfrage hole ich den Inhalt des ersten Links. Aber ich möchte eine Verzögerung machen, bevor ich das nächste Versprechen zurückschicke. Also benutze ich setTimeout drauf. Aber es gibt mir den folgenden JSON-Fehler ( without setTimeout() it works just fine)

SyntaxError: JSON.parse: Unerwartetes Zeichen in Zeile 1, Spalte 1 der JSON-Daten

Ich würde gerne wissen, warum es fehlschlägt.

let globalObj={};
function getLinks(url){
    return new Promise(function(resolve,reject){

       let http = new XMLHttpRequest();
       http.onreadystatechange = function(){
            if(http.readyState == 4){
              if(http.status == 200){
                resolve(http.response);
              }else{
                reject(new Error());
              }
            }           
       }
       http.open("GET",url,true);
       http.send();
    });
}

getLinks('links.txt').then(function(links){
    let all_links = (JSON.parse(links));
    globalObj=all_links;

    return getLinks(globalObj["one"]+".txt");

}).then(function(topic){


    writeToBody(topic);
    setTimeout(function(){
         return getLinks(globalObj["two"]+".txt"); // without setTimeout it works fine 
         },1000);
});

Um die Versprechenskette am Laufen zu halten, können Sie nicht so vorgehen, setTimeout()wie Sie es getan haben, weil Sie kein Versprechen vom .then()Handler zurückgeben - Sie geben es vom setTimeout()Rückruf zurück, was Ihnen nicht gut tut.

Stattdessen können Sie eine einfache kleine Verzögerungsfunktion wie folgt erstellen:

function delay(t, v) {
   return new Promise(function(resolve) { 
       setTimeout(resolve.bind(null, v), t)
   });
}

Und dann benutze es so:

getLinks('links.txt').then(function(links){
    let all_links = (JSON.parse(links));
    globalObj=all_links;

    return getLinks(globalObj["one"]+".txt");

}).then(function(topic){
    writeToBody(topic);
    // return a promise here that will be chained to prior promise
    return delay(1000).then(function() {
        return getLinks(globalObj["two"]+".txt");
    });
});

Hier geben Sie ein Versprechen vom .then()Handler zurück und es ist entsprechend verkettet.

Sie können dem Promise-Objekt auch eine Verzögerungsmethode hinzufügen und dann direkt eine .delay(x)Methode für Ihre Versprechen verwenden:

function delay(t, v) {
   return new Promise(function(resolve) { 
       setTimeout(resolve.bind(null, v), t)
   });
}

Promise.prototype.delay = function(t) {
    return this.then(function(v) {
        return delay(t, v);
    });
}


Promise.resolve("hello").delay(500).then(function(v) {
    console.log(v);
});

Oder verwenden Sie die Bluebird-Versprechensbibliothek, in die die .delay()Methode bereits integriert ist .

.then(() => new Promise((resolve) => setTimeout(resolve, 15000)))

AKTUALISIEREN:

Wenn ich in einer asynchronen Funktion schlafen muss, werfe ich ein

await (async () => new Promise(resolve => setTimeout(resolve, 1000)))();

Die kürzere ES6-Version der Antwort:

const delay = t => new Promise(resolve => setTimeout(resolve, t));

Und dann können Sie tun:

delay(3000).then(() => console.log('Hello'));

Wenn Sie sich in einem .then () -Block befinden und ein Settimeout () ausführen möchten

            .then(() => {
                console.log('wait for 10 seconds . . . . ');
                return new Promise(function(resolve, reject) { 
                    setTimeout(() => {
                        console.log('10 seconds Timer expired!!!');
                        resolve();
                    }, 10000)
                });
            })
            .then(() => {
                console.log('promise resolved!!!');

            })

Die Ausgabe erfolgt wie unten gezeigt

wait for 10 seconds . . . .
10 seconds Timer expired!!!
promise resolved!!!

Viel Spaß beim Codieren!

In node.js können Sie auch Folgendes tun:

const { promisify } = require('util')
const delay = promisify(setTimeout)

delay(1000).then(() => console.log('hello'))