javascript - 递归 promise ？

Question

我想迭代 HTML 5 文件系统中的所有文件，并在迭代完成后启动一些事件。由于这是异步 + promise ，我很难理解它应该如何工作。

我正在使用 angularJS 并创建了一个服务来封装 html 5 文件系统的特定功能。

这是递归函数:

function walkDirectory(path) {

    fileSystem.getFolderContents(path) //this is the services and it returns a promise containing all files in the current folder or directory
        .then(function(entries) {

            for (var i = 0; i < entries.length; i++) {

                if(entries[i].isFile) {
                    console.log("is File: " + entries[i].name);
                    //do something with file here
                } 
                else if (entries[i].isDirectory) {
                    console.log("is Dir: " + entries[i].name);
                    walkDirectory(entries[i].fullPath);
                }
            }
        });
};

理想情况下，我想像这样调用该函数，并让它返回一个 promise ，该 promise 在遍历所有文件后执行。

walkDirectory("/").then( function() {
  console.log(done);
});

关于如何实现这一目标的任何提示/想法？

一个想法是拥有一个 promise 数组，并为每个文件/目录向数组添加一个新 promise 。我的尝试:

function walkDirectory(path) {

    var defer= $q.defer();
    var promises = [defer.promise];

    fileSystem.getFolderContents(path)
        .then(function(entries) {

            for (var i = 0; i < entries.length; i++) {

                if(entries[i].isFile) {
                    console.log("is File: " + entries[i].name);
                    //do something with file here
                    defer.resolve();
                    promises.push(defer.promise);
                } 
                else if (entries[i].isDirectory) {
                    console.log("is Dir: " + entries[i].name);
                    promises.push(walkDirectory(entries[i].fullPath));
                }
            }
        });

    return $q.all(promises);
};

walkDirectory("/").then(function() {
    console.log("done");
});

这似乎不起作用，因为 done 从未显示在控制台中。

Answer 1

您在填充数组之前返回数组。

相反，您需要在 then() 回调中返回 $q.all(promises)，并返回外部 promise:

return fileSystem.getFolderContents(path).then(function(entries) {
    return $q.all(entries.map(function(e) {
        if (e.isFile) {
            // Do something
            return null;  // Don't wait for anything
        } else {
            // Do something
            return walkDirectory(e.fullPath);
        }
    }));
});