utilizzando setTimeout sulla catena di promesse

Qui sto cercando di avvolgere la mia testa attorno alle promesse.Qui alla prima richiesta prendo una serie di collegamenti. E alla richiesta successiva prendo il contenuto del primo collegamento.Ma voglio fare un ritardo prima di restituire il prossimo oggetto della promessa. setTimeout su di esso. Ma mi dà il seguente errore JSON ( without setTimeout() it works just fine)

SyntaxError: JSON.parse: carattere imprevisto alla riga 1 colonna 1 dei dati JSON

vorrei sapere perché fallisce?

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

Per mantenere la catena di promesse in corso, non puoi usare setTimeout()il modo in cui hai fatto perché non stai restituendo una promessa dal .then()gestore, la stai restituendo dalsetTimeout() richiamata che non ti serve.

Invece, puoi creare una semplice funzione di ritardo come questa:

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

E poi usalo in questo modo:

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

Qui stai restituendo una promessa dal .then()gestore e quindi è concatenata in modo appropriato.

Puoi anche aggiungere un metodo di ritardo all'oggetto Promise e quindi utilizzare direttamente un .delay(x)metodo sulle tue promesse come questo:

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

Oppure, usa la libreria di promesse di Bluebird che ha già il .delay()metodo integrato.

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

AGGIORNARE:

quando ho bisogno di dormire nella funzione asincrona, lo inserisco

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

La versione ES6 più breve della risposta:

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

E poi puoi fare:

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

Se sei all'interno di un blocco .then () e vuoi eseguire un settimeout ()

            .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!!!');

            })

l'output sarà come mostrato di seguito

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

Buona programmazione!

In node.js puoi anche fare quanto segue:

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

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