en utilisant setTimeout sur la chaîne de promesse

Ici, j'essaye de faire des promesses, ici, à la première demande, je récupère un ensemble de liens, et à la demande suivante, je récupère le contenu du premier lien.Mais je veux faire un délai avant de renvoyer le prochain objet de la promesse. setTimeout dessus, mais cela me donne l'erreur JSON suivante ( without setTimeout() it works just fine)

SyntaxError: JSON.parse: caractère inattendu à la ligne 1 colonne 1 des données JSON

je voudrais savoir pourquoi cela échoue?

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

Pour maintenir la chaîne de promesses en cours, vous ne pouvez pas utiliser setTimeout()la façon dont vous l'avez fait parce que vous ne renvoyez pas une promesse du .then()gestionnaire - vous la renvoyez à partir du setTimeout()rappel, ce qui ne vous sert à rien.

Au lieu de cela, vous pouvez créer une simple petite fonction de retard comme celle-ci:

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

Et puis utilisez-le comme ceci:

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

Ici, vous renvoyez une promesse du .then()gestionnaire et elle est donc enchaînée de manière appropriée.

Vous pouvez également ajouter une méthode de délai à l'objet Promise, puis utiliser directement une .delay(x)méthode sur vos promesses comme celle-ci:

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

Ou utilisez la bibliothèque de promesses Bluebird qui a déjà la .delay()méthode intégrée.

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

METTRE À JOUR:

quand j'ai besoin de dormir dans la fonction asynchrone, je lance

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

La version ES6 plus courte de la réponse:

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

Et puis vous pouvez faire:

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

Si vous êtes dans un bloc .then () et que vous voulez exécuter 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!!!');

            })

la sortie sera comme indiqué ci-dessous

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

Bon codage!

Dans node.js, vous pouvez également effectuer les opérations suivantes:

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

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