请注意这是一个人为的例子。
function longFunc(){
var deferred = $.Deferred();
setTimeout(function(){
console.log("long func completed");
deferred.resolve("hello");
}, 3000);
return deferred.promise();
}
function shortAfterLongFunc(x){
console.log('short func completed with value: ' + x);
return {
a: x
};
}
processFurther(longFunc().then(shortAfterLongFunc)); // send the array for further processing
问题
在shortAfterLongFunc
完成后,我无法找出 如何返回任何类型的对象/函数 以进行进一步的下游处理。我可以从shortAfterLongFunc
安装console.log,但这不是我在这里要求的。
Fiddle Here
感谢您的期待!
更新:
好的只是为了让我的问题稍好一点......这是我正在看的一个简单的用例:
$.map(['H','E','L','L', 'O'], somefunc). // for each item in array apply somefunc function
function somefunc(x){ // gets called for each value 'H', 'E' etc. in the array by $.map()
var longfunc = function(y){
var deferred = $.Deferred();
setTimeout(function(){
console.log("long func completed");
deferred.resolve(y.toLocaleLowerCase());
}, 3000);
return deferred.promise();
};
var shortAfterLongFunc = function(x){
console.log('short func completed with value: ' + x);
return x;
}
// What should I do here
return longFunc(x).then(shortAfterLongFunc); // must return lower case char to the caller of someFunc
}
somefunc()
让我们说将Array的每个元素处理成小写。但是,假设这个处理需要很长时间并且异步(想想setTimeout)..因此承诺确保每个元素的同步操作......但是使用promise我发现自己无法返回转换后的值
答案 0 :(得分:8)
只需链接另一个then
来电,因为shortAfterLongFunc
会返回新承诺,您可以继续使用它:
longFunc().then(shortAfterLongFunc).then(function(data) {
console.log('all is complted', data);
});
答案 1 :(得分:-2)
有一个技巧,定义一个数组或对象,然后在其中赋值:
let Result=[];
let callImport = (load)=>{
import('./component.js').
then((Module)=>{
load[0] = Module;
});};
callImport(Result);
setTimeout(()=> console.log(Result[0]),10);
在这里我将setTimeout用作等待,以防止在诺言执行完成之前显示打印结果