es6 --- promise.prototype.then的链式引用

很多时候,我们需要使用ajax请求获取数据A.并使用A中的数据A.a来进行下一步的Ajax操作…
下面使用promise.prototype.then的链式引用来实现

// 首先封装一个getJSON的方法.
var getJSON = function (url) {var promise = new Promise(function (resolve, reject) {var client = new XMLHttpRequest();client.open("GET", url);client.onreadystatechange = handler;client.responseType = "json";client.setRequestHeader ("Accept", "application/json");client.send();function handler() {if (this.readyState !== 4) {return;}if (this.status === 200) {resolve(this.response);} else {reject(new Error(this.statuText));}};});return promise;
}// 上面函数调用.getJSON(url)即可, 使用.then可以改变Resolved状态的回调函数
// 链式调用如下:
getJSON("post/1.json").then(function(post) {return getJSON(post.commentURL);
}).then(function funcA(comments) {console.log("Resolved: ", comments);
},  function funcB(err) {console.log("Rejected: ", err);
});// 注:首先,调用getJSON异步读取post/1.json路径下的数据
// 读取结果作为参数放在post里面,然后再调用getJSON函数,参数为post.commentURL,读取post.commentURL路径的数据
// 若读取成功执行,函数funcA,否则执行函数funcB....// 下面尝试使用箭头函数重写链式调用,,,
getJSON("post/1.json").then(post => getJSON(post.commentURL)
).then(comments => console.log("Resolved: ", comments),err => console.log("Rejected: ", err)
);// 简洁明了,这个接口还不错...

参考《ES6标准入门》(第3版) P276、P279

es6 --- promise.prototype.then的链式引用相关推荐

es6 Promise.prototype.then()方法
Promise.prototype.then()方法 Promise 实例具有then方法,也就是说,then方法是定义在原型对象Promise.prototype上的.它的作用是为 Promise ...
ES6 Promise对象then方法链式调用
说明请看注释 /*** then()方法会返回一个新Promise对象, * 所以then后面可以继续跟一个then方法进行链式调用, * 如果then方法的回调函数有返回数据,* 那么这个数据会作为 ...
es6 Promise.prototype.catch()方法
Promise.prototype.catch()方法 Promise.prototype.catch方法是.then(null, rejection)的别名,用于指定发生错误时的回调函数. getJ ...
ES6 Promise - 让我们解开的面纱（遵循Promise/A+规范)
Promise 对象代表了未来将要发生的事件,用来传递异步操作的消息.ECMAscript 6 原生提供了 Promise 对象.而且ES7中的async/await也是Promise基础实现的.Pr ...
原型链 —— 以隐式引用作为存储方式的单向链表
原型链的表述一个以隐式引用作为存储方式,以点操作符和属性访问语句作为语法糖的单向链表原型链作为一个单向链表并没有完全发挥出单向链表的特性,换句话说JS中的原型链是只用部分能力的单向链表原型对 ...
十二、Promise的学习笔记(Promise的基本使用、链式编程、all())
一.认识Promise ES6中一个非常重要和好用的特性就是Promise 但是初次接触Promise会一脸懵逼,这TM是什么东西? 看看官方或者一些文章对它的介绍和用法,也是一头雾水. Promis ...
从 PHP、Promise、Android 和 iOS 代码看如何链式编程
链式编程或者链式写法,是将多个方法 (函数) 通过点号 (.) 或者 (->)等符号链接在一起成为一句代码,这样不仅可以增强代码的可读性,而且每次链接,都是对对象的属性和状态进行一次操作和变化. ...
实现同步请求_图解 Promise 实现原理（二）—— Promise 链式调用
摘要很多同学在学习 Promise 时,知其然却不知其所以然,对其中的用法理解不了.本系列文章由浅入深逐步实现 Promise,并结合流程图.实例以及动画进行演示,达到深刻理解 Promise 用法 ...
promise的链式调用
//new一个promise对象并在里面执行第一个异步方法 var promise = new Promise(function(resolve,reject){axios({method: 'pos ...

es6 --- promise.prototype.then的链式引用

es6 --- promise.prototype.then的链式引用相关推荐

最新文章

热门文章