Iva*_*her 15 javascript asynchronous promise angularjs q
我想遍历HTML 5文件系统中的所有文件,并在迭代完成后启动一些事件.因为这是异步+承诺我很难尝试掌握它应该如何工作.
我正在使用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);
}
}
});
};
Run Code Online (Sandbox Code Playgroud)
理想情况下,我想像这样调用函数,并让它返回一个在遍历所有文件后执行的promise.
walkDirectory("/").then( function() {
console.log(done);
});
Run Code Online (Sandbox Code Playgroud)
任何提示/想法如何实现这一目标?
一个想法是拥有一个promises数组,并为每个文件/目录的数组添加一个新的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");
});
Run Code Online (Sandbox Code Playgroud)
这似乎不起作用,因为完成从未在控制台中显示.
SLa*_*aks 11
在填充数组之前,您将返回该数组.
相反,您需要$q.all(promises)
在then()
回调中返回,并返回外部承诺:
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);
}
}));
});
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
11358 次 |
最近记录: |