如何正确编写es5 Promise JavaScript AngularJs

问题描述

嗨，我正在尝试编写此函数作为一个承诺，我知道如何在es6中编写异步函数，但是在es5中，我很努力这是我尝试过的方式：

function getLeagueByID(sportID) {
      console.log(sportID);
      new Promise(function (resolve,reject) {
        RulesService.getLeagueByID(sportID)
          .then(function (results) {
            $scope.leagueById = results.data;
            getStatistics($scope.leagueById[0]);
          })
          .catch(function (err) {
            console.log(err);
          });
      });
    }

又该如何调用该函数？

解决方法

三个注意事项：

只要您已经有了承诺（在这种情况下，来自RulesService.getLeagueByID），就不需要使用new Promise。 Insetad，摆脱您已经拥有的诺言。（More here。）
不要吞下错误；要么允许它们传播给调用者，以便调用者知道发生了什么，要么报告它们（不仅报告给控制台）。仅可以处理最高级别的错误，通常这是启动整个过程的事件处理程序。
您不会从该函数中返回任何东西。

针对这些问题，您的函数应该看起来像这样，它允许调用者处理错误：

function getLeagueByID(sportID) {
    console.log(sportID);
    return RulesService.getLeagueByID(sportID)
        .then(function(results) {
            $scope.leagueById = results.data;
            getStatistics($scope.leagueById[0]); // If this returns a promise or
                                                 // value you should return,add
                                                 // `return` in front of it
        });
    });
}

但是，如果您不希望调用者处理错误，则：

function getLeagueByID(sportID) {
    console.log(sportID);
    return RulesService.getLeagueByID(sportID)
        .then(function(results) {
            $scope.leagueById = results.data;
            getStatistics($scope.leagueById[0]); // If this returns a promise or
                                                 // value you should return,add
                                                 // `return` in front of it
        })
        .catch(function (err) {
            // Do something other than just `console.log` here,in most cases; for instance,show an
            // error to the user
        });
    });
}

又该如何调用该函数？

这取决于调用该函数的内容。与上面一样，如果期望其调用方处理错误，则：

return getLeagueByID(someSportId);

如果它是事件处理程序或类似事件处理程序，因此不希望其调用方处理错误，则：

getLeagueByID(someSportId)
    .catch(function (err) {
        // Do something other than just `console.log` here,show an
        // error to the user
    });

由于RulesService.getLeagueByID返回了一个承诺，您可以只返回该承诺。

let usr = msg.mentions.members.first();
message.guild.channels.cache.forEach((channel) => {
    const permOverwrites = channel.permissionOverwrites.get(usr.id);
    if(permOverwrites) permOverwrites.delete();
});

称呼它

function getLeagueByID(sportID) {
  console.log(sportID);
  return RulesService.getLeagueByID(sportID)
     .then(function (results) {
        $scope.leagueById = results.data;
        getStatistics($scope.leagueById[0]);
     })
     .catch(function (err) {
        console.log(err);
     });
}

function getLeagueByID(sportID) {
      console.log(sportID);
      return new Promise(function (res,rej) { //you need to return here
        RulesService.getLeagueByID(sportID)
          .then(function (results) {
            $scope.leagueById = results.data;
            res(getStatistics($scope.leagueById[0])); //resolve 
            return; //return to avoid unintended side effects
          })
          .catch(function (err) {
            console.log(err);
            rej(err) //need to reject
            return; //return to avoid unintended side effects
          });
      });
    }

一个承诺就像一个异步方法。要使用此功能，您可以

await getLeagueByID(sportID)

采用异步方法，或者您可以使用

getLeagueByID(sportID).then(r=>console.log(r)).catch(e=>console.log(e))

实质上是“分叉”当前线程。

ecmascript-5 javascript