ใช้ 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);
});

เพื่อให้ห่วงโซ่สัญญาดำเนินต่อไปคุณไม่สามารถใช้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()วิธีการในตัวอยู่แล้ว

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

UPDATE:

เมื่อฉันต้องการการนอนหลับในฟังก์ชัน async ฉันจะโยนเข้าไป

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

คำตอบเวอร์ชัน ES6 ที่สั้นกว่า:

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

จากนั้นคุณสามารถทำได้:

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

หากคุณอยู่ในบล็อก. 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!!!

Happy Coding!

ใน node.js คุณสามารถทำสิ่งต่อไปนี้ได้:

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

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