如何在解析promise之后从Promise对象获取值

时间:2014-12-18 15:43:30

标签: javascript jquery promise jquery-deferred

请注意这是一个人为的例子。

    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我发现自己无法返回转换后的值

2 个答案:

答案 0 :(得分:8)

只需链接另一个then来电,因为shortAfterLongFunc会返回新承诺,您可以继续使用它:

longFunc().then(shortAfterLongFunc).then(function(data) {
    console.log('all is complted', data);
});

演示:http://jsfiddle.net/ebt4pxxa/2/

答案 1 :(得分:-2)

有一个技巧,定义一个数组或对象,然后在其中赋值:

    let Result=[];
    let callImport = (load)=>{ 
        import('./component.js').
            then((Module)=>{
                load[0] = Module;
            });};
    callImport(Result);
    setTimeout(()=> console.log(Result[0]),10);

在这里我将setTimeout用作等待,以防止在诺言执行完成之前显示打印结果