美文网首页
promise 对象

promise 对象

作者: vavid | 来源:发表于2018-07-17 17:21 被阅读0次

用来获取异步操作的结果。
异步操作的三种状态:pending(进行中)、fulfill(已成功)、rejected(已失败)。
Promise状态的变化的两种状态:pending --> fulfill 或者 pending --> rejected。这两种情况发生,状态即凝固,称为 resolved (已经定型)。
基本用法:

        const promise = new Promise((resolve, reject) => {
                // ... 异步操作代码 
                // 成功 res
                // 失败信息 err
                if(/* 操作成功*/){
                      resolve(res);
                }else{
                       reject(err)
                }
        }) 

promise 实例生成之后,可以用 then 方法指定 resolved 的状态 或者 rejected 的状态的回调函数

        promise.then(function(){
            // success
        },function(){
             // error
        })

1.一个简单的Promise对象的例子

    function timeout(ms){
        return new Promise((resolve, reject) => {
            setTimeout( resolve, ms, 'done');
        });
    }
    timeout(100).then((value) => {
        console.log(value);
    })

2.利用Promise.all合并多个异步请求

        const p1 = new Promise((resolve, reject) => {
                // ... 异步操作代码
                resolve('a')
        })
        const p2 = new Promise((resolve, reject) => {
                // ... 异步操作代码
                resolve('b')
        })
        Promise.all([p1,p2]).then(result=>{
             // result: ['a', 'b']    
             // 其它操作      
        })

相关文章

  • 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/fgsgpftx.html