浅析Promise用法[通俗易懂]

全栈程序员-用户IM • 2022年6月19日下午8:16 • 未分类

大家好，又见面了，我是你们的朋友全栈君。

浅析Promise用法

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。

Promise对象有以下两个特点。

（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和Rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。

（2）一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从Pending变为Resolved和从Pending变为Rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果。就算改变已经发生了，你再对Promise对象添加回调函数，也会立即得到这个结果。这与事件（Event）完全不同，事件的特点是，如果你错过了它，再去监听，是得不到结果的。

有了Promise对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。此外，Promise对象提供统一的接口，使得控制异步操作更加容易。

要理解Promise要知道没有Promise的回调地狱

一般我们要在一个函数执行完之后执行另一个函数我们称之为callback‘回调’，简单的写一下

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

setTimeout(function(){ 
     left(function(){ 
     setTimeout(function(){ 
     left(function(){ 
     setTimeout(function(){ 
     left(); },2000); }); }, 2000); }); }, 2000);

以上代码就是传说中的回调地狱，如果有多层业务逻辑嵌套的话，不仅会使代码阅读困难，而且后面维护起来也是难点。
之后在ES6，Promise就应运而生。

Promise语法与then的用法

var promise = new Promise(function(resolve, reject) { 
     // ... some code if (/* 异步操作成功 */){ 
     resolve(value); } else { 
     reject(error); } });

resolve(value)是在Promise在已经异步完成成功(Resolved)之后执行的reject(value)是在Promise在异步失败之后(Rejected)执行。当然，也可以用then来指定：then(resolve,reject)或者：then(resolve),catch(reject)

promise.then(function(value) { 
     // success }, function(error) { 
     // failure }); //等价于： promise.then(function(){ 
     //success }).catch(function(){ 
     //failure })