es6 promise用法

getJSON("/post/1.json")//返回一个Promise对象

.then(function(post){returngetJSON(post.commentURL);//返回一个Promise对象})

.then(functionfunc(comments){console.log("Resolved: ", comments); });

上面的代码使用then方法,依次指定了两个回调函数。 第一个回调函数完成以后,会将返回结果作为参数,传入第二个回调函数。采用链式的then,可以指定一组按照次序调用的回调函数。

let p1 = new Promise((resolve, reject) => {
    resolve('成功了111')
})

let p2 = new Promise((resolve, reject) => {
    resolve('成功了222')
})

let p3 = new Promise((resolve, reject) => {
    resolve('成功了333')
})

Promise.all([p1, p2, p3]).then((result) => {
    console.log(result)               //输出结果    ['成功了111', '成功了222', '成功了333]
}).catch((error) => {
    console.log(error)
})

Promse.all在处理多个异步处理时非常有用,比如说一个页面上需要等两个或多个ajax的数据回来以后才正常显示,在此之前只显示loading图标。

Promse.all成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Promise 对象 Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函...
    neromous阅读 8,821评论 1 56
  • Promise 的含义 一句话概括一下promise的作用:可以将异步操作以同步操作的流程表达出来,避免了层层嵌套...
    雪萌萌萌阅读 5,644评论 0 7
  • 00、前言Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区...
    夜幕小草阅读 2,216评论 0 12
  • 目录:Promise 的含义基本用法Promise.prototype.then()Promise.prototy...
    BluesCurry阅读 1,553评论 0 8
  • 西草堂阅读 283评论 0 1

友情链接更多精彩内容