JavaScript中 Promise 的使用技巧

“生产代码”是可能需要一些时间来执行的代码。

“消费代码”是必须等待结果的代码。

Promise 是一个 JavaScript 对象,它链接生产代码和消费代码。

看一段最简单的代码:

let myPromise = new Promise(function(myResolve, myReject) { // "Producing Code" (May take some time) myResolve(); // when successful myReject(); // when error }); // "Consuming Code" (Must wait for a fulfilled Promise) myPromise.then( function(value) { /* code if successful */ }, function(error) { /* code if some error */ } );

执行 new Promise 的构造函数后,会立即进入 Promise 的构造函数体内,即包含了 resolve 和 reject 方法的匿名函数。

然后执行完毕。此时并不会执行 then 里的回调函数。

然后 then 指定的回调函数被异步调用,注意 Chrome 里的提示:

当 Promise 对象处于 pending(工作)状态时,结果是未定义的。

当 Promise 对象 fulfilled 时,结果是一个值。如下图所示:

当 Promise 对象被 rejected 时,结果是一个错误对象。

开发人员无法访问 Promise 属性状态和结果,必须使用 Promise 方法来处理 Promise。

看一个包含 UI 的例子:

Promise 把异步代码封装起来。上图的 setTimeout,模拟了一个耗时 3 秒的 HTTP 操作。

返回的 myPromise 对象,使用 then 注册回调函数。回调函数不关心自己什么时候被调用。

运行显示:

3 秒后:

一个文件访问的例子:

let myPromise = new Promise(function(myResolve, myReject) { let req = new XMLHttpRequest(); req.open('GET', "mycar.htm"); req.onload = function() { if (req.status == 200) { myResolve(req.response); } else { myReject("File not Found"); } }; req.send(); }); myPromise.then( function(value) {myDisplayer(value);}, function(error) {myDisplayer(error);} );

函数体内一般是一个比较费时的操作,操作本身会立即执行,但什么时候执行结束?这就是一个异步操作了。执行结束后,通过 resolve 通知 then 注册的回调函数。

到此这篇关于JavaScript  Promise 的使用技巧的文章就介绍到这了,更多相关JavaScript Promise 内容请搜索易知道(ezd.cc)以前的文章或继续浏览下面的相关文章希望大家以后多多支持易知道(ezd.cc)!

推荐阅读

    IE脚本错误如何做Web脚本错误解决技巧

    IE脚本错误如何做Web脚本错误解决技巧,,这个问题是由于这样的事实,对网页的HTML源代码和客户端脚本不正确的工作,如微软Jscript或Visual Basic脚本

    单反设置技巧|单反怎么调节

    单反设置技巧|单反怎么调节,,1. 单反怎么调节佳能相机全自动档指的是AUTO档(傻瓜模式),就是所有的摄影参数都由相机自动调整,用户只需要按下快

    lol瞎子快捷键|英雄联盟瞎子玩法技巧

    lol瞎子快捷键|英雄联盟瞎子玩法技巧,,英雄联盟瞎子玩法技巧有读取。要玩好必须知道盲僧玩法连招方式,我简单介绍几种常用的:1. QAAQ打出的

    求和快捷键技巧|求和的快捷方式

    求和快捷键技巧|求和的快捷方式,,求和的快捷方式方法一:快捷键alt+=快速输入求和公式进行求和操作技巧:1、鼠标先选择我们需要求和的单元格

    Word打印技术字使用技巧

    Word打印技术字使用技巧,,如果要打印文件,则没有打印机,打印机的计算机不安装Word。应该怎么做这里的文字由萧边编写的印刷技术。我希望你能

    保持笔记本电脑的一些知识和技巧

    保持笔记本电脑的一些知识和技巧,,笔记本的价格比前些年便宜很多,但和其他电脑相比还是贵的,所以我们在使用笔记本时一定要注意它的维护。下

    DIY也有计算电脑安装7原则的技巧。

    DIY也有计算电脑安装7原则的技巧。,,首先我们纠正一个概念,很多人会说是不兼容的DIY真的没有技术含量。现在我要告诉你,cuanji不等于DIY,这不

    超级书如何超这种购买技巧

    超级书如何超这种购买技巧,,最近,有些朋友说他们想买笔记本,不知道该怎么办超级书而且似乎听说超级大自然不是很好,是这样吗你能告诉我超级本

    Windows关键应用技巧

    Windows关键应用技巧,, 快速查看系统参数:同时按下windows键和pause 键就能打开系统信息窗口。当你在寻找电脑的故障根源,急于查看系统信