返回結果作爲Typescript中的承諾

Question

如何使下面的函數返回一個承諾，以便我可以在調用此函數的頁面中正確處理它？

getUploads() { 
    const rootDef = this.db.database.ref(); 
    const uploadsRef = rootDef.child('userUploads').orderByChild('time'); 
    const userRef = rootDef.child("userProfile"); 
    var uploads = []; 

    uploadsRef.once("value").then((uploadSnaps) => { 

     uploadSnaps.forEach((uploadSnap) => { 

     var upload = uploadSnap.val(); 

     userRef.child(uploadSnap.val().user).once("value").then((userSnap) => { 
      upload.displayName = userSnap.val().displayName; 
      upload.avatar = userSnap.val().avatar; 
      uploads.push(upload); 
     }); 

     }); 

    }); 

    return uploads; 
} 

我試過以下，但它顯示錯誤。我應該如何修改？

return new Promise((resolve, reject) => { 
    resolve(uploads); 
}); 

我將調用此方法，如下所示。

this.db.getUploads().then((uploads) => { 
    this.allUploads = uploads; 
    console.log(this.allUploads); 
}); 

Answer 1

我想你可以圍繞你的方法的內容與

getUploads() { 
    return new Promise((resolve, reject) => { 
     // content of method 
     resolve(uploads); // instead of "return uploads" 
    }); 
} 

Answer 2

您可以使用Promise.resolve：

的Promise.resolve（值）方法返回一個對象承諾即用給定值解決了 。如果該值是可靠的（即，具有 「然後」方法），則返回的承諾將「跟隨」可接受的， 採用其最終狀態;否則返還的承諾將爲 ，並以此值完成。

所以乾脆：

return Promise.resolve(uploads); 

但隨着你的代碼的問題是，你返回值已調用uploadsRef.once("value").then(...)之前。
你應該簡單地從then返回結果：

return uploadsRef.once("value").then((uploadSnaps) => { 
    ... 
    return uploads 
}; 

Answer 3

這應該正確處理異步調用和返回所有上傳：

getUploads() { 
    const rootDef = this.db.database.ref(); 
    const uploadsRef = rootDef.child('userUploads').orderByChild('time'); 
    const userRef = rootDef.child("userProfile"); 

    return uploadsRef.once("value").then((uploadSnaps) => { 

     return Promise.all(uploadSnaps.map(uploadSnap => { 
     var upload = uploadSnap.val(); 

     return userRef.child(uploadSnap.val().user).once("value").then((userSnap) => { 
      upload.displayName = userSnap.val().displayName; 
      upload.avatar = userSnap.val().avatar; 
      return upload; 
     });   
     })); 
    }); 
}