周六不想呆家里就跑到公司写代码来了。这周公司碰到一个问题, 在ios低版本(7.1.1)下、我们开发的产品调用数据出现问题,结果拿真机一次,竟然是低版本浏览器内核不支持promise。只要找到问题就能解决。
好了,还是讲讲什么是promise对象吧。
想象这么一个场景,用户进入首页需要先调一个接口,首先要确认他是哪所学校,然后才能确认他是学校的什么岗位(校长、老师、班主任等),最后才能从后台返回供他使用的数据等。可能你会这么写:
ajax({
url: url1,
success: function(data) {
ajax({
url: url2,
data: data,
success: function() {
}
});
}
});
如果继续下去在回调函数中进行下一步操作,嵌套的层数会越来越多。我们可以进行适当的改进,把回调函数写到外面
function A() {
ajax({
url: url1,
success: function(data) {
B(data);
}
});
}
function B(data) {
ajax({
url: url2,
success: function(data) {
......
}
});
}
即使是改写成这样,代码还是不够直观,但是如果有了Promise对象,代码就可以写得非常清晰,一目了然:
new Promise(A).done(B);
这样函数B就不用写在A的回调中了,是不是很直观~!
从上面需求知道接口是一步完了才能进行下一步(异步操作)。
Promise是Common.js的规范之一,拥有resolve、reject、fail、then等方法。能够帮助我们控制代码的流程,避免函数的多层嵌套。
(1)对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和 Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是 Promise 这个名字的由来,它的英语意思就是「承诺」,表示其他手段无法改变。
(2)一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise 对象的状态改变,只有两种可能:从 Pending 变为 Resolved 和从 Pending 变为 Rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果。就算改变已经发生了,你再对 Promise 对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。
promise.all 怎么用
Promise.all 是在所有的Promise对象都执行完成之后resolve。参数是一个数组,数组的每一项都是一个Promise对象就可以。
Promise.all( [
promise1,
promise2
] ).then( function() {
// do something
} );
Proimse.all( [ Promise.resolve(), Promise.resolve() ] ).then( function() {
// do something
} );
比如有两个异步的执行:
Promise.all( [
new Promise( function( resolve ) {
setTimeout( function() {
resolve();
}, 2000 );
} ),
new Promise( function( resolve ) {
setTimeout( function() {
resolve();
}, 2000 );
} )
] );
其他方法不讲了,随用随查吧。
网友评论