成都网站建设设计

将想法与焦点和您一起共享

怎么构造JavaScriptPromise

这篇“怎么构造JavaScript Promise”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“怎么构造JavaScript Promise”文章吧。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:空间域名、网站空间、营销软件、网站建设、伊川网站维护、网站推广。

Promise 是一个 ECMAScript 6 提供的类,目的是更加优雅地书写复杂的异步任务。

由于 Promise 是 ES6 新增加的,所以一些旧的浏览器并不支持,苹果的 Safari 10 和 Windows 的 Edge 14 版本以上浏览器才开始支持 ES6 特性。

构造 Promise

现在我们新建一个 Promise 对象:

new Promise(function (resolve, reject) {

// 要做的事情...

});

通过新建一个 Promise 对象好像并没有看出它怎样 "更加优雅地书写复杂的异步任务"。我们之前遇到的异步任务都是一次异步,如果需要多次调用异步函数呢?例如,如果我想分三次输出字符串,第一次间隔 1 秒,第二次间隔 4 秒,第三次间隔 3 秒:

实例

setTimeout(function () {

console.log("First");

setTimeout(function () {

console.log("Second");

setTimeout(function () {

console.log("Third");

}, 3000);

}, 4000);

}, 1000);

这段程序实现了这个功能,但是它是用 "函数瀑布" 来实现的。可想而知,在一个复杂的程序当中,用 "函数瀑布" 实现的程序无论是维护还是异常处理都是一件特别繁琐的事情,而且会让缩进格式变得非常冗赘。

现在我们用 Promise 来实现同样的功能:

实例

new Promise(function (resolve, reject) {

setTimeout(function () {

console.log("First");

resolve();

}, 1000);

}).then(function () {

return new Promise(function (resolve, reject) {

setTimeout(function () {

console.log("Second");

resolve();

}, 4000);

});

}).then(function () {

setTimeout(function () {

console.log("Third");

}, 3000);

});

这段代码较长,所以还不需要完全理解它,我想引起注意的是 Promise 将嵌套格式的代码变成了顺序格式的代码。

以上就是关于“怎么构造JavaScript Promise”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


新闻标题:怎么构造JavaScriptPromise
本文网址:http://chengdu.cdxwcx.cn/article/pesppg.html