昨天面试,然后问到promise,特意回来看了一下廖雪峰大大写的。
promise对象,就是发送请求后,只管执行成功或失败的回调,而不在意具体的回调的方法是什么。
这样就可以很简单的处理多次请求(一开始问的就是这个,,,然后我就逐层返回,明知道肯定有套路,,,但是没办法,确实没用过),就算是递进的也没关系,一直.then().then()执行就可以,一旦有返回失败,也会及时终止,这样就让执行代码和处理结果的代码分离了。
除了串行,还有同时获取两个url的数据,就可以用all:
var p1 = new Promise(function (resolve, reject) {
setTimeout(resolve, 500, 'P1');
});
var p2 = new Promise(function (resolve, reject) {
setTimeout(resolve, 600, 'P2');
});
// 同时执行p1和p2,并在它们都完成后执行then:
Promise.all([p1, p2]).then(function (results) {
console.log(results); // 获得一个Array: ['P1', 'P2']
});
如果为了容错,获取两个url的数据,只用取到一个,就可以用race:
var p1 = new Promise(function (resolve, reject) {
setTimeout(resolve, 500, 'P1');
});
var p2 = new Promise(function (resolve, reject) {
setTimeout(resolve, 600, 'P2');
});
Promise.race([p1, p2]).then(function (result) {
console.log(result); // 'P1'
});
ps:代码是廖大大的
好处:
1.代码结构更可读,清晰明了。
2.能解决回调地域问题。
3.可将数据请求和业务逻辑分离开来。
4.便于管理维护。
5.能更好的捕获错误。