Promise对象

周六不想呆家里就跑到公司写代码来了。这周公司碰到一个问题, 在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 的规范之一,拥有resolverejectfailthen等方法。能够帮助我们控制代码的流程,避免函数的多层嵌套。

(1)对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和 Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。

(2)一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise 对象的状态改变,只有两种可能:从 Pending 变为 Resolved 和从 Pending 变为 Rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果。

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 );
    } )
] );

其它方法不讲了,随用随查吧。

你可能感兴趣的:(Promise对象)