sử dụng setTimeout trên chuỗi hứa hẹn

Ở đây, tôi đang cố gắng xoay quanh những lời hứa. setTimeout trên đó. Nhưng nó cho tôi lỗi JSON sau ( without setTimeout() it works just fine)

SyntaxError: JSON.parse: ký tự không mong muốn ở dòng 1 cột 1 của dữ liệu JSON

tôi muốn biết tại sao nó không thành công?

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

Để giữ cho chuỗi lời hứa tiếp tục, bạn không thể sử dụng setTimeout()cách bạn đã làm bởi vì bạn không trả lại lời hứa từ người .then()xử lý - bạn đang trả lại lời hứa từ setTimeout()cuộc gọi lại mà bạn không biết.

Thay vào đó, bạn có thể tạo một hàm trì hoãn nhỏ đơn giản như sau:

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

Và, sau đó sử dụng nó như thế này:

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

Ở đây bạn đang trả lại một lời hứa từ .then()trình xử lý và do đó nó được xâu chuỗi một cách thích hợp.

Bạn cũng có thể thêm một phương thức trì hoãn vào đối tượng Promise và sau đó sử dụng trực tiếp một .delay(x)phương thức trên các hứa hẹn của bạn như sau:

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

Hoặc, sử dụng thư viện lời hứa Bluebird đã có sẵn .delay()phương thức.

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

CẬP NHẬT:

khi tôi cần ngủ trong chức năng không đồng bộ, tôi sẽ sử dụng

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

Phiên bản ES6 ngắn hơn của câu trả lời:

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

Và sau đó bạn có thể làm:

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

Nếu bạn đang ở trong một .Sau đó () khối và bạn muốn thực hiện một 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!!!');

            })

đầu ra sẽ như hình dưới đây

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

Chúc bạn mã hóa vui vẻ!

Trong node.js, bạn cũng có thể làm như sau:

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

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