关于promise的小结

2024年5月24日 149次阅读 来源: 张小草1018

Promise

本文从js的异步处置惩罚动身，引入Promise的观点，而且引见Promise对象以及其API要领。

js里的异步处置惩罚

能够参考这篇文章
js是单线程的，
在js里，异步处置惩罚总共有四种要领，个中最常见的一种要领是采纳回调函数的体式格局

function f1(callback){
    setTimeout(function(){
        callback();
    },1000)
}

f1(f2);

别的除了回调函数，事宜监听的机制也会举行异步处置惩罚。使命的实行不取决于代码的递次，而是取决于事宜是不是会发作。

假如是营业逻辑不庞杂还好说，然则假如营业逻辑很庞杂的话，回调嵌套的许多，代码誊写起来会变得很庞杂很难看懂。
另有一个题目是，假如有多个异步操纵，那末就存在一个处置惩罚递次的题目，代码怎样根据愿望的递次实行。

Promise

简介

Promise是笼统异步处置惩罚对象以及对其举行种种操纵的组件。Promise并非从js里涌现的观点。
Promise则是把相似的异步处置惩罚对象和处置惩罚划定规矩举行规范化， 并根据采纳一致的接口来编写，而采用划定要领以外的写法都邑失足。

首先说，Promise是一个对象，所以说这个对象与js里的其他对象没什么不一样的。要说异乎寻常的地方时，Promise对象充任代办的作用，充任异步操纵和回调函数之间的中介

Promise的头脑是：每次实行一个异步操纵今后，马上返回一个Promise对象，由于是马上操纵，所以我们能够举行同步操纵流程。这个Promise对象有一个then要领，指定回调函数，用于在异步操纵实行完后实行回调函数处置惩罚。

//换成Promise的写法
new Promise(f5).then(f4).then(f3).then(f2).then(f1)

运用Promise，用同步的写法处置惩罚异步操纵的代码，使得代码清楚易懂，等一个异步函数处置惩罚完成以后，才会实行下一个then里边的函数。如许就避免了前边的多个回调能够激发的递次题目。

Promise接口

前边说过，Promise接口的作用是，返回一个Promise对象。
一个Promise对象有三种状况

  • pending 异步操纵未完成

  • resolve 异步操纵已胜利完成

  • reject 异步操纵失利

至于这三种关联的门路能够形貌为两种

pending —> resolve
pending —> reject

这类变化只会涌现一次。所以，意义是，一个异步操纵完毕以后只会有两种状况，胜利or失利。异步操纵胜利时，Promise对象返回一个值，对象状况变成resolve，异步操纵失利时，对象状况变成reject。

Promise对象用then要领添加回调函数，then要领支撑链式挪用。

promise.then(onFulfilled, onRejected)

then要领吸收两个参数，看名字就晓得第一个参数是Promise对象状况时resolve的时刻挪用，而第二个参数能够省略，示意Promise挪用失利状况是reject的时刻实行这个回调。

除了then要领，另有一个特地处置惩罚非常的要领.
.catch 也能够理解为 promise.then(undefined, onRejected) 。

promise.catch(onRejected)

then和catch两个要领是写到了Promise对象的原型上的，每一个Promise对象都能够挪用。

Promise对象的天生

ES6供应了原生的Promise对象组织函数，用于天生Promise对象，

var promise = new Promise(function(resolve, reject){
  // 异步操纵的代码

  if (/* 异步操纵胜利 */){
    resolve(value);
  } else {
    reject(error);
  }
});

Promise对象吸收一个函数作为组织函数的参数，这个函数一样有两个参数，这两个参数是由js引擎供应的函数，不必本身来布置。
resolve函数的作用是把Promise对象的状况从pending变成resolve，在异步操纵胜利的时刻挪用，而且将异步操纵的效果作为参数传过去。一样的，reject函数的作用是把对象状况从pending变成reject，在失利的时刻挪用，而且通报效果参数。

接下来，当Promise对象建立胜利以后就能够用then要领链式挪用了。

Promise对象其他要领

1.Promise.resolve()

平常情况下，我们会用组织函数的要领建立Promise对象。然则，除此以外我们也会有其他要领建立。
静态要领Promise.resolve(value)被认为是new Promise体式格局建立Promise对象的快捷体式格局。

Promise.resolve(42).then(function(value){
    console.log(value);
})

resolve()会让对象状况马上变成resolved，而且将形参马上传给下一个回调。

2.Promise.reject()

这个要领相似上一个要领，也是建立Promise对象的快捷体式格局，然则只会把Promise对象从pending变成rejected。参数是一个非常对象，通报给下一个catch要领或许then要领。

Promise.reject(new Error("BOOM!")).catch(function(error){
    console.error(error);
});
3.Promise.all() && Promise.race()

到目前为止，已进修了建立Promise对象和用then，catch要领来注册回调函数。假如只需一个Promise对象的话很好说，然则假如有多个Promise对象的时刻要怎样处置惩罚呢。

Promise.all 吸收一个 promise对象的数组作为参数，当这个数组里的一切promise对象悉数变成resolve或reject状况的时刻，它才会去挪用 .then 要领。

Promise.race 只需有一个promise对象进入 FulFilled 或许 Rejected 状况的话，就会继续举行背面的处置惩罚。

4. 每次挪用then都邑返回一个新建立的promise对象
function f1(v){
    console.log(v);
    return 2;
}
function f2(v){
    console.log(v)
}
Promise.resolve(1).then(f1).then(f2);
    原文作者：张小草1018
    原文地址: https://segmentfault.com/a/1190000010046696
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞