promise学习
promise是什么？
- 主要用于异步计算
- 可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果
- 可以在对象之间传递和操作promise，帮助我们处理队列
promise详解
new Promise(
function (resolve, reject) {
// 一段耗时的异步操作
resolve('成功') // 数据处理完成
// reject('失败') // 数据处理出错
}
).then(
(res) => {console.log(res)}, // 成功
(err) => {console.log(err)} // 失败
)promise的三个状态
当promise状态发生改变，不会再变；会触发then()里的响应函数处理后续步骤。
- pending[待定]初始状态
- fulfilled[实现]操作成功
- rejected[被否决]操作失败
promise的参数
- resolve：将Promise对象的状态从“未完成”变为“成功”（即从 pending 变为 resolved），在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；
- reject：将Promise对象的状态从“未完成”变为“失败”（即从 pending 变为 rejected），在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。
DEMO
new Promise(resolve => {
setTimeout(() => {
resolve('成功')
}, 2000)
}).then(res => {
console.log(res) //成功
})调用resolve
new Promise((resolve, reject) => {
resolve('成功')
}).then(resolve => {
console.log(resolve)//成功
}, reject => {
console.log(reject)
})调用reject
new Promise((resolve, reject) => {
reject('失败')
}).then(resolve => {
console.log(resolve)
}, reject => {
console.log(reject)//失败
})then里面返回Promise
new Promise((resolve, reject) => {
resolve('成功')
}).then(resolve => {
console.log(resolve)
return new Promise(resolve => {
resolve("成功2")
})
}, reject => {
console.log(reject)//失败
return '失败'
}).then(val => {
console.log(val)//成功2
})本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2021-01-19 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录