Jquery Deferred 用于异步函数

Question

我已经阅读了很多关于 JQuery's deferred 对象的信息。我可以看到解耦代码是如何工作的。我最初是使用 Async.js 编写的，但建议使用 Promise。

我发现的大多数示例只是将事情链接到AJAX 调用。我想链接一个异步函数，但不知道该怎么做。我正在从数据库中检索时间，然后将该时间用作 url 中的参数，最后我想拨打AJAX 电话。

这就是我所在的地方：

    var fetch = function (contactId, callback, errorCallback)
    {
        var buildPromise = new $.Deferred();

        var getLastImportTime = function ()
        {
            var querySuccess = function (tx, result)
            {
                buildPromise.resolve("7 oclock");
            };

            var queryError = function (tx, e)
            {
                buildPromise.reject("Error querying database");
            };

            database.open();
            database.query("SELECT EventImportTime FROM Contact WHERE Contact.Id = ?", [contactId], querySuccess, queryError);
        };

        var buildUrl = function (lastImportTime)
        {
            console.log("I do happen");
            var url = "http://";
            url += 'MobileGetChangedEvents.aspx?Reference=';
            url += '&LastImportTime=';
            url +=  lastImportTime;
            url += '&Format=JSON';
                            return url;

        };

        var makeRequest = function (url)
        {
            getJSON(url, callback, errorCallback)
        };

        $.when(getLastImportTime()).pipe(buildUrl).then(makeRequest);

我的管道方法似乎首先被调用：s

Answer 1

因为你将getLastImportTime 函数传递给when 辅助方法，它应该显式返回一个promise，（但在getLastImportTime() 中你什么都没有返回，when() 期望你传递一个promise ) 否则助手可以将其评估为立即解决（或拒绝）的承诺。

这可以解释为什么pipe 中的函数似乎在getLastImportTime() 之前执行

所以试着像这样改变你的功能

var getLastImportTime = function () {
   ...
   database.open();
   database.query("SELECT  ...");

   return buildPromise.promise();
};