关于javascript:关于promise学习

同步与异步

js是单线程语言，单线程就是一次只能实现一个工作。
如果有多个工作就须要排队，如果一个工作排队事件太长，就会导致阻塞。
这个时候就须要异步操作

同步即阻塞，异步即非阻塞

异步能够不是程序执行，异步工作有一个或多个回调函数。
比拟常见的异步有setTimeOut和setInterVal，他们能够扭转工作执行程序

什么是promise

Promise对象用于示意一个异步操作的最终实现（或失败）及其后果值

一个Promise必然处于一下三种状态之一：

待定(pending):初始状态，既没有被兑现，也没有被回绝

已兑现(fulfilled):意味着操作兑现实现

已回绝(rejected): 意味着操作失败

promise的应用

链式调用

咱们能够用promise.then(),promise.catch()和promise.finally()这些办法将进一步的操作与一个变为已敲定状态的promise关联起来。

这些办法还会返回一个新生成的promise对象，这个对象能够被非强制性的用来做链式调用

const promiseA = new Promise((resolut,reject)=>{
  resolut(777)
});
setTimeout(() => {
  console.log(promiseB,'promiseB');
}, 1000);
promiseA.then(resolut => {
  console.log(resolut,'resolut1');
  return 111
}).then(resolut => {
  console.log(resolut,'resolut2');
  return 222
}).then(resolut => {
  console.log(resolut,'resolut3');
  throw new Error('error')
}).catch(()=>{
  console.log('promiseA失败');
})
后果
// 777 'resolut1'
// 111 'resolut2'
// 222 'resolut3'
// promiseB失败

静态方法

Promise.all(iterable)

这个办法会返回一个新的Promise对象，常被用来解决多个Promise对象的状态汇合。该promise对象在iterable参数对象里所有的promise都胜利的时候才会触发胜利，一旦有任何一个promise对象失败则立刻触发失败。

Promise.allSettled(iterable)

等到所有promises都已敲定（settled）（每个promise都已兑现（fulfilled）或已回绝（rejected））。
返回一个promise，该promise在所有promise实现后实现。并带有一个对象数组，每个对象对应每个promise的后果。

Promise.any(iterable)

接管一个Promise对象的汇合，当其中的一个 promise 胜利，就返回那个胜利的promise的值。

Promise.race(iterable)

接管一个Promise对象的汇合，当其中的一个 promise 胜利或者失败，就返回那个的promise的值。

  const promiseA = new Promise((resolut,reject)=>{
    resolut(777)
  });
  const promiseB = new Promise((resolut,reject)=>{
    resolut(888)
  });
  const promiseC = new Promise((resolut,reject)=>{
    resolut(999)
  });
  Promise.all([promiseA,promiseB,promiseC]).then(res =>{
    console.log(res);
  })
  // [777, 888, 999]
  Promise.allSettled([promiseA,promiseB,promiseC]).then(res =>{
    console.log(res);
  })
  <!-- [
    {
        "status": "fulfilled",
        "value": 777
    },
    {
        "status": "fulfilled",
        "value": 888
    },
    {
        "status": "fulfilled",
        "value": 999
    }
  ] -->
  Promise.any([promiseA,promiseB,promiseC]).then(res =>{
    console.log(res);
  })
  // 777
  Promise.race([promiseA,promiseB,promiseC]).then(res =>{
    console.log(res);
  })
  // 777

参考：

https://zhuanlan.zhihu.com/p/…

https://developer.mozilla.org…