jQueryの約束事を解決する方法は？

Question

IamはjQueryを使って4 promisesのオブジェクトを取得しましたが、どのように各約束の解決の価値を得るのですか？私は$q.all()を使用することができ、.then()ではすべての値を解決します。しかしそれはjQueryでは動作しません。以下のコードスニペット

var _service = function() {}; 
var ec2; 

_service.prototype = { 

    init: function(formdata, cb) { 
     console.info('::init::', arguments[0]);   
     ec2 = new AWS.EC2(ec2_config); 
     return ec2.promise(); 
    }, 
    loop: function(param) { 
     console.info('createAdditionalResources params:', arguments); 
     return $.when({ 
      'fun1': this.fun1(param), 
      'fun2': this.fun2(param), 
      'fun3': this.fun3(param), 
      'fun4': this.fun4(param)  
     }).done(function(response) { 
      console.log('Done All'); 
      return response; 
     }); 
    }, 
    fun1: function (param) { 
     return something.promise(); // return promise 
    }, 
    .... 
}; 

window.obj = new _service(); 

は、ここで私は解像度ここ

function foo() { 
var d = $.Deferred(); 

obj.init() 
.then(function(res) { 
    return obj.loop(); 
}) 
.then(function(res) { 
    console.log(res); // this is promise chain 
    d.resolve(res); 
}) 
.catch(function(err) { 
    d.reject(err); 
}); 
return d.promise(); 
}; 

私のスクリプトでこの関数を呼び出し、この{fun1: Promise, fun2: Promise, fun3:Promise, fun4:Promise }

付属しており、FUN1は値

fun1: Promise 
[[PromiseStatus]]: "resolved" 
[[PromiseValue]]: { InternetGateway: { Attachments:[{InternetGatewayId:"igw-6253970b"}] } 

の下に持っています

値を解決する方法は？

Answer 1

$.whenに渡すオブジェクトは、約束でも、約束でもなく、基本的な値と同じように扱われます。解決策として与えられます。ここで

は、いくつかの約束の解像度を待つ方法です：

return $.when(
     this.fun1(), 
     this.fun2(), 
     this.fun3(), 
     this.fun4()  
    ).done(function(fun1, fun2, fun3, fun4) { 
     console.log('Done All'); 
     return {fun1, fun2, fun3, fun4}; 
    }); 

あなたはまた、すべてのオブジェクトのプロパティを解決してきたために小さなユーティリティを書くことができます。

function solveProps(obj){ 
     var keys = Object.keys(obj); 
     return $.when.apply($, keys.map(k=>obj[k])).done(function(){ 
       var  solved = {}; 
       for (var i=0k i<keys.length; i++) { 
         solved[keys[i]] = arguments[i]; 
       } 
       return solved; 
     }); 
} 

このユーティリティを使えば、とまったくhave

return solveProps({ 
      fun1: this.fun1(), 
      fun2: this.fun2(), 
      fun3: this.fun3(), 
      fun4: this.fun4() 
    });