09 promise then

then() 方法返回一个 Promise

链式调用:then里面回调函数（成功回调和失败回调）,凡事这两个回调函数里面 抛出错误或者返回一个已经是拒绝状态的 Promise。

那么 then 返回的 Promise 对象将是rejected状态，走下一个then里面的失败回调函数

 

catch() 方法返回一个 Promise，并且处理拒绝的情况。它的行为与调用 Promise.prototype.then(undefined, onRejected) 相同

 

try-catch

有catch穿透的效果

new Promise((resolve, reject) => {
  resolve(1)
}).then(data => {
  console.log(data)
  return 2
 
}).then(data => {
  console.log(data);
  return Promise.reject(20) 

//一旦promise变为rejected直接走catch,不是一次性到最后的catch ，每一个then里面没有写失败回调函数，但是默认写了reason=>{throw reason}
//或者 resaon=>Promise.reject(reason)


}).then(data => {
  console.log(data)
}).catch(err => {
  console.log(err)
})
//1 2 20

then两个回调函数

 then两个回调函数，上一个then的promise状态变为rejected 状态，就走临近下一个then的失败回调函数，不会直接调到最后一个

//
new Promise((resolve, reject) => {
  resolve(1)
})
  .then(data => {
    console.log(data)
    return Promise.reject(20)

  }, err => {
    console.log(err)
    return 3
  })

  .then(data => {
    console.log(data);

  }, err => {
    console.log(err);
    return 3

  })

  .then(data => {
    console.log(data);

  }, err => {
    console.log(err);

  })
  //1 20 3

 then链式调用里面含有异步操作

 

new Promise((resolve, reject) => {
  resolve(1)
}).then(data => {
  console.log(data)
  return 2
}).then(data => {
  console.log(data)
  // then链式调用，如果里面有异步，需要返回新的promise对象,不然下一个then拿不到这个异步操作的结果
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(3)
    }, 1000);

  })
  /* 异步操作直接写，下一个then的data就是默认值undefined。拿不到异步操作的结果
  setTimeout(() => {
    return 10
  }, 1000);
   */
}).then(data => {
  console.log(data)
})

中断promise链

return new Promise(()=>{})