javascript - 在 while 循环 javascript 中 promise

Question

我正在尝试概括一个使用 OpenPGP 库加密表单的脚本。我在使用客户端代码 (Javascript) 时遇到了一些麻烦:

var working = formID.elements[0];
var counter = 0;

while (working) {
    encrypt(working.value).then(function(encrypted_msg) {
        console.log("processing");
        working.value = encrypted_msg;
    });
    console.log("assuming processed");
    var counter = counter + 1;
    var working = formID.elements[counter];
}

以下代码应获取每个表单元素并加密其值。但是，while 循环不会等待异步 encrypt() 函数被解析。

我认为我需要在这种情况下使用 promises，但我不知道如何在 while 循环中使用一些教程。

帮助？

Answer 1

可能可以使用 jQuery 延迟列表，如下所示:

var deferreds = [];

$.each(formID.elements, function(key, working){

    var deferred = $.Deferred();
    deferreds.push(deferred);

    encrypt(working.value).then(function(encrypted_msg) {
        console.log("processing");
        working.value = encrypted_msg;
        deferred.resolve();
    });

});

$.when.apply( $, deferreds ).done(function(){
    console.log( 'after all encryptions!' );
});

当然可以用原生的Promise对象代替$.Deferred，不过我觉得$.Deferred是more cross-browser way .

UPD2:

基于原生 Promise 和 Promise.resolve() 改进的答案(感谢@Bergi)。对于 encrypt() 返回正确 promise 的情况，可以跳过方法 Promise.resolve()。

var promises = [];

$.each(formID.elements, function(key, working){

    var promise = Promise.resolve(encrypt(working.value))
        .then(function(encrypted_msg) {
            console.log("processing");
            working.value = encrypted_msg;
        });

    promises.push(promise);

});

Promise.all(promises).then(function(){
    console.log( 'after all encryptions!' );
});