js promise的用法

在理解promise的使用之前，首先要理解js语言的运行环境是单线程的，也就是说一次只能完成一个任务，也就是一条流水线，如果有多个任务就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这与java的多线程环境截然不同，所以要加以区分。

1、对于js同步和异步，在这里需要加以备注一下：

我们可以简单的理解为：可以改变程序执行顺序的操作就可以看成为异步操作。其实异步和同步的差别很简单，就在于这条流水线上各个流程的执行顺序不同。最基础的异步是setTimeout和setInterval函数如图示例所示：

而执行顺序为

也就是说，“王一”和“刘五”所在的流水线为同步，即在主线程上执行的任务，，而setTimeout函数为异步任务，不进入主线程，而进入“任务队列”。程序先执行同步里的内容，执行完毕，“任务队列”开始通知主线程，请求执行任务，该任务才会进入主线程来执行。

而“任务队列”是一个事件的队列，IO设备完成一项任务，就在“任务队列”中添加一个事件，表示相关的异步任务可以进入主线程了，主线程读取‘任务队列’，就是读取里面就哪些事件。‘任务队列’中的事件除了IO设备的事件以外，还包括用户产生的一些事件（比如鼠标点击、页面滚动等）。

异步任务必须指定回调函数，当主线程开始执行异步任务，就是执行相应的回调函数。例如ajax的success，complete，error也都指定了各自的回调函数，这些函数就会加入任务队列中，等待执行。

2、promise

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

但注意promise无法取消，一旦建立就会立即执行，无法中途取消。而且，如果不设置回调函数，promise内部抛出的错误不会反映到外部。当处于Pending状态时，无法得知进展到哪一个阶段。

1）promise有三个状态：

Pending-promise的初始状态，等到任务完成或是被拒绝；Resolved-执行完成并且成功的状态；Rejected-执行完成并且失败的状态。此三个状态不能相互逆转。

2）promise对象必须实现then方法，可以说then是promise的核心，而且then方法必须返回一个promise对象，同一个promise对象可以注册多个then方法，并且回调的执行顺序和他们注册的顺序一致。

3）then方法接收两个回调函数，他们分别是成功时的回调和失败时的回调。

value值表示的是异步执行成功之后在promise函数中获取的值，不确切的说就是可以获取该函数的私有变量，将promise的值获取过来之后在then中可以实现值的相应应用。

以下示例表示promise的不可逆性和链式调用：

js promise的用法相关推荐

js promise then 用法详解
Promise 是抽象的异步处理对象构造方法: let promies = new Promise((resolve, reject) => {resolve(); //异步处理 }); Pr ...
js——promise用法
.1.promise基本用法 <script>const promise =new Promise((resolve,reject)=>{console.log(1);resolve ...
【ES6】JS类的用法class
[ES6]JS类的用法class 一.概述二.构造函数constructor 三.静态方法与静态变量查看更多ES6教学文章: 参考文献引言:由于JS之前一直没有特有的class来定义类的语法,E ...
JS - Promise使用随笔
一.promises相关概念 promises 的概念是由 CommonJS 小组的成员在 Promises/A 规范中提出来的. 1,then()方法介绍根据 Promise/A 规范,promi ...
JavaScript异步与Promise基本用法(resolve与reject)
Promise解决的问题相信每个前端都遇到过这样一个问题,当一个异步任务的执行需要依赖另一个异步任务的结果时,我们一般会将两个异步任务嵌套起来,这种情况发生一两次还可以忍,但是发生很多次之后,就形成 ...
js Promise学习
js Promise promise入参为两个成功时的执行 resolve 失败时的执行 reject promise的状态肯定(fulfilled) 该 Promise 对应的操作成功了否定( ...
js事件监听器用法实例详解
这篇文章主要介绍了js事件监听器用法,以实例形式较为详细的分析了javascript事件监听器使用注意事项与相关技巧,需要的朋友可以参考下本文实例讲述了js事件监听器用法.分享给大家供大家参考.具体 ...
JS Promise的实现原理
转载自 JS Promise的实现原理在前端开发过程中,会经常使用到 Promise 模式,可以使异步代码看起来如同步般清新易读,从而从回调地狱中解脱出来.ES6中已原生支持 Promise, ...
[js] promise的构造函数是同步执行还是异步执行，它的then方法呢？
[js] promise的构造函数是同步执行还是异步执行,它的then方法呢? promise构造函数是同步执行的,then方法是异步执行的. 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很 ...

js promise的用法

js promise的用法相关推荐

最新文章

热门文章