использование setTimeout в цепочке обещаний

Здесь я пытаюсь обернуть голову вокруг обещаний. Здесь при первом запросе я получаю набор ссылок. И при следующем запросе я получаю содержимое первой ссылки. Но я хочу сделать задержку перед возвратом следующего объекта обещания. Поэтому я использую setTimeout на нем. Но это дает мне следующую ошибку JSON ( without setTimeout() it works just fine )

  

SyntaxError: JSON.parse: неожиданный символ в строке 1 столбца 1 из   данные JSON

Я хотел бы знать, почему это не удается?

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);
});
66 голосов | спросил AL-zami 16 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowFri, 16 Sep 2016 21:59:55 +0300 2016, 21:59:55

3 ответа


0

Чтобы сохранить цепочку обещаний, вы не можете использовать setTimeout() так, как вы это сделали, потому что вы не возвращаете обещание от обработчик .then() - вы возвращаете его из setTimeout() обратный вызов, который не приносит пользы.

Вместо этого вы можете сделать простую маленькую функцию задержки, например, такую:

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

И затем используйте это так:

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

Здесь вы возвращаете обещание из обработчика .then() и, таким образом, оно соответствующим образом связывается.


Вы также можете добавить метод задержки к объекту Promise, а затем напрямую использовать метод .delay(x) в своих обещаниях, например так:

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

Или используйте библиотеку обещаний Bluebird , в которой уже есть .delay() встроенный метод.

ответил jfriend00 16 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowFri, 16 Sep 2016 22:03:12 +0300 2016, 22:03:12
0
.then(() => new Promise((resolve) => setTimeout(resolve, 15000)))
ответил Igor Korsakov 1 32017vEurope/Moscow11bEurope/MoscowWed, 01 Nov 2017 16:08:25 +0300 2017, 16:08:25
0

Если вы находитесь внутри блока .then () и хотите выполнить 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!!!');

            })

вывод будет как показано ниже

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

Удачного кодирования!

ответил AnoopGoudar 27 MaramTue, 27 Mar 2018 09:45:12 +03002018-03-27T09:45:12+03:0009 2018, 09:45:12

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132