mit setTimeout auf Versprechen Kette

Question

Hier versuche ich meinen Kopf um Versprechen zu wickeln.Hier auf erste Anfrage hole ich eine Reihe von Links.und bei der nächsten Anfrage hole ich den Inhalt der ersten Link.Aber ich möchte eine Verzögerung vor nächste Versprechen der Rückkehr object.So i setTimeout verwenden auf it.But es gibt mir die folgende JSON Fehler (without setTimeout() it works just fine)

SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

ich möchte wissen, warum es nicht funktioniert?

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); 
}); 

Answer 1

Um das Versprechen Kette gehen, halten Sie nicht setTimeout() so, wie Sie taten verwenden können, weil Sie nicht ein Versprechen aus dem .then() Handler zurückkehrt - Sie sind es aus dem setTimeout() Rückruf Rückkehr, die tut du nicht gut.

Stattdessen können Sie eine einfache kleine Verzögerung Funktion wie folgt machen:

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

Und es dann wie folgt verwenden:

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 bist du ein Versprechen aus dem .then() Handler Rückkehr und somit ist es in geeigneter Weise verkettet.

---

Sie können auch eine Verzögerung Methode zum Versprechen Objekt hinzufügen und dann eine .delay(x) Methode auf Ihre Versprechen wie diese direkt 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 die Bluebird promise library verwenden, die hat bereits die .delay() Methode eingebaut.

Answer 2

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