美文网首页
Promise对象

Promise对象

作者: Allan要做活神仙 | 来源:发表于2017-01-14 11:44 被阅读58次

    周六不想呆家里就跑到公司写代码来了。这周公司碰到一个问题, 在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 );
        } )
    ] );
    

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

    相关文章

      网友评论

          本文标题:Promise对象

          本文链接:https://www.haomeiwen.com/subject/vjeebttx.html