es6 promise对象回调处理详解

骑猪看日落 2022-05-30 09:36 153阅读 0赞

在JavaScript的世界中，所有代码都是单线程执行的。  
由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。  
通常我们用得较多的是setTimeout来做一个回调，但本文说得是Promise这个高大尚的es6新对象,  
所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。简单的说它的回调函数会在整个html执行结束后它再执行。

<script> console.log('我是顺序运行的1号'); // 回调测试1，带promise实例化时的参数 function test1(value){ console.log('回调测试1') return value } // 回调测试2，不带promise实例化时的参数 function test2(){ console.log('回调测试2') return arguments[0] } // 创造了一个Promise实例 let p = new Promise(function (resolve, reject) { console.log('创造了一个Promise实例'); //异步操作成功时调用，并将异步操作的结果，作为参数传递出去 resolve(666); }); console.log('我是顺序运行的2号'); // 方法一：最简便的,拿到的是创造Promise实例时给resolve的参数 p.then(function(result) { // success console.log('方法一回调成功结果是:'+result) }, function(error) { // failure console.log('failure1:'+error) }); // 方法二：先执行指定的函数再回调，test1这时就是resovle,所以参数是666 p.then(test1) .then(function (result) { console.log('方法二回调成功结果是:' + result); }, function(error) { // failure console.log('failure2:'+error) }); // 方法三：先执行指定的函数再回调，test1这时就是resovle,所以默认参数是arguments里面也有666 p.then(test2) .then(function (result) { console.log('方法三回调成功结果是:' + result); }, function(error) { // failure console.log('failure3:'+error) }); console.log('我是顺序运行的3号'); </script>

![这里写图片描述][70]

[70]: /images/20220530/74c0ed8b6213430ea017c8fb64280bcf.png

发表评论取消回复

表情：

评论列表（有 0 条评论，153人围观）

还没有评论，来说两句吧...

相关阅读

相关 es5中的回调函数和es6中的Promise对象理解

es5中的回调函数指的是一个函数作为参数传递到另一个函数中，这个作为参数的函数就是回调函数，下面以代码来仔细说明： function text(){ //回调函数-

不念不忘少年蓝@/ 2023年06月30日 01:39/ 0 赞/ 32 阅读

相关回调地狱（ES6）

回调地狱嵌套太多就形成回调地狱 -------------------- 函数的类型：回调函数 -------------------- 回调函数：将一个函数当

小鱼儿/ 2022年12月24日 10:59/ 0 赞/ 194 阅读

相关 ES6--Promise对象

Promise对象：代表了未来某个将要发生的操作，通常是异步操作 promise对象可以将异步操作以同步的流程表达出来，避免了层层嵌套的回调函数（回调地狱），ES6的

女爷i/ 2022年12月06日 05:23/ 0 赞/ 280 阅读

相关 es6 promise详解

基本概念 Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。这么说用Promi

朴灿烈づ我的快乐病毒、/ 2022年11月21日 15:26/ 0 赞/ 179 阅读

相关 es6 Promise对象

（为啥用promise） ![1120071-20190320151200326-1443766840.png][] 基本用法 ![1120071-20190320

川长思鸟来/ 2022年10月02日 15:56/ 0 赞/ 276 阅读

相关 ES6 -- Promise对象

Promise是一种异步编程的解决方案，ES6提供原声的Promise，它比传统的解决方案，回调函数和事件，更加合理和强大。 Promise对象有以下两个特点： 1、对象的

梦里梦外;/ 2022年06月11日 07:16/ 0 赞/ 338 阅读

相关 es6 promise对象回调处理详解

在JavaScript的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。通常我们用得较多的

骑猪看日落/ 2022年05月30日 09:36/ 0 赞/ 154 阅读

相关 ES6-Promise()解决回调地狱

概述 Promise 是异步编程的一种解决方案，它是一个构造函数，Promise 有属于自己的 all、reject、resolve等私有方法，其原型上有 then、ca

迷南。/ 2021年12月05日 04:25/ 0 赞/ 473 阅读

相关 ES6--Promise对象

概述是异步编程的一种解决方案。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 Promise 状态状态的特点 Promise 异步操

女爷i/ 2021年08月13日 20:55/ 0 赞/ 514 阅读

相关 es6 Promise对象

ES6 Promise对象 1、优点: 1、代表未来某个将要发生的事件(通常是一个异步操作) 2、可以将异步操作以同步的流

淡淡的烟草味﹌/ 2021年07月25日 00:44/ 0 赞/ 678 阅读