美文网首页
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,async,await笔记

    Promise,async,await笔记 Promise 创建promise对象 Promise对象构造方法传入...

  • Promise then方法的链式调用

    返回的是非promise对象 优化:可能返回promise对象和非promise对象

  • ES6之promise(resolve与reject)

    一、 Promise.resolve() 有时需要将现有对象转为 Promise 对象,Promise.resol...

  • ES6-Promise对象 (下)

    ES6-Promise对象 (上) 1.Promise对象方法 (1)Promise.all(iterable);...

  • Promise对象原理解析

    Promise对象原理解析 ES6 原生提供了 Promise 对象。所谓 Promise,就是一个对象,用来传递...

  • ES6之promise(基本用法)

    一、promise的含义 Promise对象有以下两个特点。 (1)对象的状态不受外界影响。Promise对象代表...

  • Promise用法小结

    Promise 的含义 Promise对象有以下两个特点 :(1)对象的状态不受外界影响。Promise对象代表一...

  • 关于Promises

    一、名字 promise(首字母小写):一个对象,Promise的实例对象 Promise(首字母...

  • Promise

    Promise对象就是一个异步请求占位符对象 把异步请求封装在Promise对象中,Promise的构造函数传入一...

  • Promise

    Promise/A+ 英文 中文 实现Promise对象

网友评论

      本文标题:Promise对象

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