如何正确链接包装在Promise中的不同异步操作

Question

目前，我对promise的理解仅仅是对外部环境（浏览器，node.js等）本地的异步函数的包装。 我对如何实际编写使用Promise将异步操作正确连接在一起的软件感到困惑。 这是我的问题：

在下面的代码中， setTimeout函数包装在promise中。 我也将XMLHttpRequest调用包装在promise中。 我以错误的方式假设，如果我以以下方式将它们链接在一起，则计时器将运行， 然后将进行AJAX调用。 这不会发生。 AJAX调用首先发生。

timer(1000).then(AJAXGetRequest('https://itunes.apple.com/hk/rss/topalbums/limit=10/json'))

如果我将诺言链更改为以下形式，则它会按预期工作！

timer(1000).then(function(){
    AJAXGetRequest('https://itunes.apple.com/hk/rss/topalbums/limit=10/json')
})

前面的代码的问题在于，我将恢复使用异步操作的回调。 我假设有一种编写代码的方法，因此我不必还原到回调，并且可以执行以下操作：

timer(1000)
    .then(AJAXGetRequest('some/api'))
    .then(timer)  // wait
    .then(AJAXGetRequest('someOther/api'))
    .then(timer)  // wait
    .then(AJAXGetRequest('another/api'))
                  // wait

甚至更灵活：

timer(1000)
    .then(AJAXGetRequest('some/api'))
    .then(timer(200))  // wait
    .then(AJAXGetRequest('someOther/api'))
    .then(timer(600))  // wait
    .then(AJAXGetRequest('another/api'))
                  // wait

以下是前面示例的其余代码：

let timer = function(value) {
    return new Promise((resolve, reject) => {

        setTimeout(() => {

            console.log(value);
            resolve(value); 

        }, value);

    });
};


let AJAXGetRequest = function(URL) {
    return new Promise((resolve, reject) => {

        var getRequest = new XMLHttpRequest();
        getRequest.open('get', URL, true);
        getRequest.send();

        getRequest.onload = function() {

            var JSONObject = JSON.parse(getRequest.responseText);
            console.log(JSONObject);
            resolve(JSONObject); // object
        }


    });
};

Answer 1

<Promise>.then接受一个函数，如果您给它一个承诺，它将不知道该怎么做。

您可以通过更改传递给.then来匹配该签名来解决此问题：

 timer(1000) .then(() => AjaxRequest(url1)) .then(() => timer(1000)) .then(() => AjaxRequest(url2)) .then(() => timer(1000));