Promise

关于Promise案例

setTimeout(function() {
    var a = 'aaa'
    setTimeout(function() {
        var b = 'bbb'
        setTimeout(function() {
            var c = 'ccc'
            console.log(a + b + c)
        }, 10);
    }, 10);
}, 10);

使用Promise来进行改进

then的参数是 上一个回调的结果

new Promise(resolve=>{
  var a='aaa';
  setTimeOut(()=>{
     resolve(a);
  },10)
}).then(vA=>{
  var b= 'bbb';
  return value+b;
}).then(vB=>{
  var c="ccc";
  return vB+c;
})

当然除此之外还可以使用Async Await

//将定时器放到一个Promise对象函数中

function promise(str) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(str)
    }, 10)
  })
}
async function showStr() {
  let a = await promise('aaa')
  let b = await promise('bbb')
  let c = await promise('ccc')
  console.log(a + b + c)
}
showStr()

Promise小知识

1 Promise有三种状态 fulfilled(成功) rejected(失败) Pending(等待)

状态的变化只能从等待变为成功或者失败 确定之后状态不能再发生改变

2 Promise有两个参数成功接收(resolve) 失败(reject)接收. then执行回调 链式调用

3 Promise中的catch一般常用来捕获错误 then捕获错误会一直向下传递直到结束 catch 会立即捕获

4 Promise中的finally方法 resolve reject都可以执行

回调没有参数

返回一个Promise对象且可以向下传递

5 Promise.all 入参是一个数组 只要有一个为rejec 就会返回rejec 所有的值都都完成才能resolve 返回一个Promise对象

6 Promise.race 只要有一个resolve 或者reject 便更改返回Promise的状态

返回一个Promise对象