在Vue.js开发中会遇到异步调用的场景,但是有的时候我们需要等待异步完成再进行下一步,就会用到func().then()这样的方式,想使用这样的方式就得使用Promise,写这篇文章就是我在搜索的时候发现有的人写的并不对,有点误人子弟,所以我也写一下我的版本。
我之前搜索的时候别人写的有点乱,那我就用大白话,一句进行解释:Promise 对象用于表示一个异步操作的最终状态(完成或失败),以及该异步操作的结果值。
我将使用ES6语法演示Promise的使用,场景设计为:函数func1是异步程序,但是需要func1执行成功以后再执行后续func2逻辑,演示:
function func1() {
return new Promise((resolve, reject) => {
//注:Promise实例只能通过resolve 或 reject 函数来返回,并用then()或者catch()获取
//不能在里面直接return ... 这样是获取不到Promise返回值的
//这里模拟异步动作,一般来说可以放置Ajax请求, 'func1-result'为请求成功后的返回结果
setTimeout(() => resolve('func1-result'), 1000)
})
}
//func1执行成功以后再执行后续func2逻辑
func1().then(response => {
//func1执行成功以后执行func2
func2();
}).catch (error => {
//func1执行失败,打印日志
console.log (error)
});
根据上面的案例,应该就理解Promise的用法了:
商业用途请联系作者获得授权。
版权声明:本文为博主「任霏」原创文章,遵循 CC BY-NC-SA 4.0 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://www.renfei.net/posts/1003351
本站有缓存策略,时间约2小时后能看到您的评论。本站使用自动审核机制,如果您的内容包含广告/谩骂/恐怖/暴力/涉政等不和谐内容将无法展示!
本站有缓存策略,时间约2小时后能看到您的评论。本站使用自动审核机制,如果您的内容包含广告/谩骂/恐怖/暴力/涉政等不和谐内容将无法展示!