Angular2: Returning Promise

Question

Ich benutze Angular2 für meine Anwendung und ich muss Amazon S3 Javascript sdk für den Browser verbrauchen. Ich habe die folgende Funktion:

getBuckets() { 
     var s3 = this.getS3(); 
     var params = {}; 
     s3.listBuckets(params, function(err, response) { 
      if (err) { 
       // What to return? 
      } 
      else { 
       // What to return? 
      } 
     }) 
} 

s3.listBuckets ist der JavaScript-API von Amazon für S3. Es erwartet eine Rückruffunktion. Aber der Aufrufer von GetBuckets erwartet ein Versprechen. Wie soll ich die oben getBuckets(), so ändern, dass der Anrufer von getBuckets() aussehen wird:

getBuckets().then(
... 
) 

Vielen Dank im Voraus.

Answer 1

Das AWS SDK für JavaScript hat verspricht seit Version 2.3.0 unterstützt 31. März veröffentlicht. Here's the annoucement.

Ich empfehle Ihnen, auf die neueste SDK-Version zu aktualisieren, wenn Sie etwas früher als 2.3.0 verwenden und dann Versprechen statt Rückrufe verwenden.

Answer 2

Sie können $ q verwenden, Documentatie hier: https://docs.angularjs.org/api/ng/service/ $ q

Das wäre in etwa so aussehen:

getBuckets() { 
    var deferred = $q.defer(); 
    var s3 = this.getS3(); 
    var params = {}; 
    s3.listBuckets(params, function(err, response) { 
     if (err) { 
      deferred.reject(err); 
     } 
     else { 
      deferred.resolve(response); 
     } 
    }) 
    return deferred.promise; 
} 

Answer 3

Sie Ihr eigenes Versprechen wie diese erstellen:

var myPromiseFunction = function(iserr){ 

var deferred = $q.defer(); 

var myreturnvalue = 'somevalue'; 
if(iserr === true){ 

    deferred.reject('some error'); 

}else{ 

    deferred.resolve(myreturnvalue); 

} 

return deferred.promise; 

} 

Und nenne es so:

var throwerror = false; 

//or var throwerror = true; if you want to create an error 
myPromiseFunction(throwerror).then(function(res){ 

console.log(res); 

}).catch(function(err){ 

console.log(err); 

}) 

Auf diese Weise können Sie Versprechungen erstellen (sie müssen nicht einmal asynchron sein, aber sie haben keinen Zweck für nicht asynchrone Vorgänge.

Answer 4

Wenn Sie TypeScript verwenden, können Sie etwas wie promise zurückgeben. Ich kann mir vorstellen, es um die gleiche in der JavaScript-Stil wäre:

getBuckets() { 
    return new Promise(function (resolve, reject) { 
     var s3 = this.getS3(); 
     var params = {}; 
     s3.listBuckets(params, function(err, response) { 
      if (err) { 
       reject(err); 
      } 
      else { 
       resolve(response); 
      } 
     }) 
    }) 
}