一个promise可以处于3种状态中的一种：

  • pending - 初始状态。从pending状态我们可以切换到另外的状态
  • fulfilled - 成功的操作
  • rejected - 失败的操作

Promise 是什么

避免执行不必要的代码是一个良好的实践
reject和resolve都无法让函数剩下的部分暂停执行，所有
return reject() & return resolve() 都是必须的

Promise主要是对回调嵌套的一种优化方案
Promise里面的resolve或者reject的调用，会将当前这个Promise置于一种状态
不管调用什么，都表示这个Promise已经结束了
按我自己的理解说一下promise，
就是你执行一个函数，如果他执行成功了，他就执行resolve函数，如果失败了就执行reject函数。

  1. new Promise()
  3. Promise.resolve(100)
  4. new Promise(resolve => resolve(100))
  6. Promise.reject('error')
  7. new Promise((resolve, reject) => reject('error'))
  1. //方式1, 返回的promise状态是pedding
  2. return new Promise((resolve,reject)=>{});
  6. //方式2, 返回的promise状态是resolve
  7. return new Promise((resolve,reject)=>{
  8.   return resolve(res.data);
  9.     //或者
  10.     //reject(res.data.err);
  11. });
  15. return new Promise((resolve,reject)=>{
  16.     fetch(config).then(res=>{
  17.       return resolve(res.data);
  18.     }).catch(error=>{
  19.       return reject(error);
  20.     });
  21. });
  24. Promise.resolve('foo');
  26. //等价于如下
  27. new Promise((resolve)=>{
  28.     resolve('foo');
  29. })

Promise.all

  1. Promise.all([])
  3. Promise.all('123')

Promise.race

  1. Promise.race()
  3. Promise.race(123)

解决多个异步嵌套

Promise + Async 解决多个异步嵌套

  1. function plus (str, wait) {
  2.   return new Promise((resolve, reject) => {
  3.     setTimeout(() => {
  4.       resolve(str)
  5.     }, wait)
  6.   })
  7. }
  9. async function showStr () {
  10.   let a = await plus('hello', 10)
  11.   let b = await plus('m', 10)
  12.   let c = await plus('j', 10)
  13.   console.log(a + b + c)
  14. }
  15. showStr()
  17. // async 解决setTimeout嵌套回调
  18. setTimeout(() => {
  19.   var a = 'hello'
  20.   setTimeout(() => {
  21.     var b = 'm'
  22.     setTimeout(() => {
  23.       var c = 'j'
  24.       console.log( a + b + c)
  25.     }, 10)
  26.   }, 10)
  27. }, 10)