jQuery 延迟承诺

Question

下面的代码没有按预期工作。这里的 GetAllFileNames 是异步函数，我想根据这个函数的结果执行一些顺序操作。所以我正在使用 Jquery 承诺。但我觉得语句 return deferred.resolve(GetAllFileNames) 不正确。它立即调用 promise.then 甚至不等待 GatAllFileNames 完成。请注意这实际上不是工作代码。

function getfilenames() {
  var deferred = $.Deferred();

  if(condition == true) {
    return deferred.resolve(JSON.parse(allFileNames));
  } else {
    return deferred.resolve(GetAllFileNames());
  }
}    

var promise = getfilenames();      
promise.then(function(fileNames) {
  result.fileNames = fileNames; 
});

更新：我尝试了你的一些 cmets，但它们都没有工作。这是一个不工作的例子

<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(function () {
    var deferred = $.Deferred();
    var result = {};
    var GetAllFileNames = function () {
        return {
            "allFileNames": [1, 2, 3, 4, 5, 6, 7, 8, 9]
        };
    };

    function getfilenames(condition) {

        if (condition == true) {
            return deferred.notify(JSON.parse(allFileNames));
        } else {
            return deferred.notify(GetAllFileNames());
        }
    };

    deferred.then(
    // `deferred.done`
    function (fileNames) {
        result.fileNames = fileNames;
        $("<span>" + result.fileNames.allFileNames + "</span>")
            .appendTo("body");          console.log(JSON.stringify(fileNames));
    }
    // `deferred.fail`
    ,


    function () {
        console.log(new Error("getfilenames error").message);
    } );

    getfilenames(false);

}) </script> </head> <body>

</body> </html>

Answer 1

您应该在实际执行操作时解决延迟问题。

在此Example 中，“获取所有文件”将显示在“获取所有文件”之前

获取所有文件名
获取所有文件名

function GetAllFileNames(ms) {
    //simulate delay
    setTimeout( function() { console.log('Get all files names') ; return 20;}, ms);
} 

function getfilenames() {

    var def = $.Deferred();

    def.resolve(GetAllFileNames(2000));

    return def;
}

getfilenames().then( function() { console.log('Got all file names'); });

但here 控制台日志顺序将是

获取所有文件名
获取所有文件名

function GetAllFileNames(ms, def) {
    setTimeout(function() {
        console.log('Get all file names');
        def.resolve();
        return 20;
    }, ms);
}

function getfilenames() {

    var def = $.Deferred();

    var result = GetAllFileNames(2000, def);

    return def;
}

getfilenames().then(function() {
    console.log('Got all file names');
});

因为当 GotAllFilesNames 准备好时，defered 被解析。

Answer 2

编辑，更新；请参阅问题中的 cmets

试试（这个模式）

 var result = {};
 var GetAllFileNames = function () {
        return {
            "allFileNames": [1, 2, 3, 4, 5, 6, 7, 8, 9]
        };
    };
var getfilenames = function (condition) { // `condition` ?
    return $.when(
             condition 
             ? JSON.parse(allFileNames)
             : GetAllFileNames()
           ); 
    };

    getfilenames(false) // `condition` ?
    .then( 
    // `done`
      function (fileNames) {
        result.fileNames = fileNames;
        $("<span>" + result.fileNames.allFileNames + "</span>")
            .appendTo("body");
    }
    // `fail`
    , function () {
        console.log(new Error("getfilenames error").message);
    });

jsfiddle http://jsfiddle.net/guest271314/9f12san7/