then && catch

then

# then 之后返回的 Promise的状态是resolved  如果遇到错误，状态会变为 reject
# then 只能触发promise-->resolved的状态

var p = Promise.resolve(100).then((res)=>{
  console.log(res)
})
console.log(p)  // resolved
var p = Promise.resolve(100).then((res)=>{
  console.log(res)
  throw "err"
})
console.log(p)  // reject状态
var p = Promise.resolve(100).then((res)=>{
  console.log(res)
  throw "err"
})
p.then(()=>{      // 报错了
  console.log(200)
})

catch

catch 之后返回的promise的状态 正常情况下是 resolved ，如果有错误，状态为reject

var p = Promise.reject(100).catch(res=>{
  console.log(res)
})
console.log(p)  // resolved 状态
var p = Promise.reject(100).catch(res=>{
  console.log(res)
  throw "err"
})
console.log(p)   // reject状态

总结 练习

then catch
1.得到的结果都是Promise
2.正常情况下状态都是resolved,遇到错误状态为reject

var p = Promise.reject(100).catch(res=>{
  console.log(res)
})
p.catch(()=>{
  console.log(200)
}).then(()=>{
  console.log(300)
}).catch(()=>{
  console.log(400)
})
// 100 300
var p = Promise.reject(100).catch(res=>{
  console.log(res)
})
p.catch(()=>{
  console.log(200)
}).then(()=>{
  console.log(300)
  throw "err"
}).catch(()=>{
  console.log(400)
}).then(()=>{
  console.log(500)
})
// 100 300 400 500

async-await中的错误处理

await 只能得到Promise--resolved状态的结果，作用相当于 then 函数

(async ()=>{
  var p = Promise.reject("err")
  try{
    let res = await p
    console.log(res)
  }catch(err){
    console.log(err)
  }
})()