Promise.all 然后 (js)

Question

我对整个承诺的事情有点陌生，所以我可能做错了什么。如果有人可以启发我，欢迎所有建议/信息。

所以这是我想要完成的代码（简化且绝对不是最佳的理解目的）：

// Get data from webservice    
$scope.sendGet(id, option).then(function (response){
        // Fill the model
        $scope.model[option] = response.data;
    }).then(function(){
        if(option == $scope.PROFILES){

                var p1 = new Promise((resolve, reject) => {
                    $scope.getX1($scope.model[option][0][0].id);
                });
                var p2 = new Promise((resolve, reject) => {
                    $scope.getX2($scope.model[option][0][0].id);
                });
                var p3 = new Promise((resolve, reject) => {
                    $scope.getX3($scope.model[option][0][0].id);
                });
                var p4 = new Promise((resolve, reject) => {
                    $scope.my_data = JSON.parse($scope.model[option][0][0].list);
                });
            // Execute all promises to get the data
            Promise.all([p1,p2,p3,p4]).then(() => {
                debugger;
                // Do some validation and extra formatting on the data we just downloaded
                $scope.update();
            });
        }
    }).then(function(){
        // Display the data to the user
        $scope.move(option, 1, $scope.EDITING);
    });

这里的预期行为是：

获取数据 -> 使用此数据，使用 id 从 4 个来源（4 个承诺）获取数据 -> 下载所有数据后，更新一些引用并进行一些清理 -> 移动（这是一种更新的方法视图并做一些与 UI 相关的其他事情）

但由于某种原因，debugger; 和 $scope.update(); 永远不会被执行。我尝试将这些移动到与 $scope.move() 函数相同的 .then 中，但它会在 Promise.all 中的数据被检索之前执行。

Answer 1

您永远不会解决承诺 1-4，因此对Promise.all(...).then 的“成功回调”永远不会触发。在给每个 Promise 的构造函数的回调中，使用每个 Promise 获取的数据调用 resolve。

// ...
var p1 = new Promise((resolve, reject) => {
    resolve($scope.getX1($scope.model[option][0][0].id));
});
// ...

这就是你从 Promise 中“返回”数据的方式。详情请见this article。

编辑：如果$scope.getX1本身返回一个Promise，你可以简单地将它分配给p1，即：

var p1 = $scope.getX1($scope.model[option][0][0].id);