如何解决如何正确编写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))
实质上是“分叉”当前线程。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。