promise学习

promise是什么？

1. 主要用于异步计算
2. 可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果
3. 可以在对象之间传递和操作promise，帮助我们处理队列

promise详解

new Promise(
  function (resolve, reject) {
    // 一段耗时的异步操作
    resolve('成功') // 数据处理完成
    // reject('失败') // 数据处理出错
  }
).then(
  (res) => {console.log(res)},  // 成功
  (err) => {console.log(err)} // 失败
)

promise的三个状态

当promise状态发生改变，不会再变；会触发then()里的响应函数处理后续步骤。

1. pending[待定]初始状态
2. fulfilled[实现]操作成功
3. rejected[被否决]操作失败

promise的参数

1. resolve：将Promise对象的状态从“未完成”变为“成功”（即从 pending 变为 resolved），在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；
2. 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
  })