Promise

191 阅读2分钟

关于 Promise 具体描述:

Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理 和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供 了 Promise 对象。

所谓 Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是 一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消 息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。

1.基本语法

传统方式,大部分用回调函数,事件

ajax(url, { //获取 token
    ajax(url, () => { //获取用户信息
        ajax(url, () => {
            //获取用户相关新闻
        })
    })
})

语法:

let promise = new Promise(function(resolve, reject){
    if ( /* 异步操作成功 */ ){
        resolve(value); //成功操作
    } else {
        reject(error); //失败操作
    }
});

Promise 实例生成以后,可以用 then 方法分别指定 resolve 状态和 rejecte 状态的 回调函数

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

箭头函数的形式为

promise.then(res=>{
    //成功调用 
}, err=>{
    //失败调用 
})

错误捕捉:

promise.then(res=>{
    //成功调用 
}).catch(err=>{
    //失败调用
})

resolve 函数的作用是,将 Promise 对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传 递出去;reject 函数的作用是,将 Promise 对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数 传递出去

then 方法可以接受两个回调函数作为参数。第一个回调函数是 Promise 对象的状态 变为 resolved 时调用,第二个回调函数是 Promise 对象的状态变为 rejected 时调用。其 中,第二个函数是可选的,不一定要提供。这两个函数都接受 Promise 对象传出的值作为 参数。

promise.catch(err=>{})

用法:

new Promise().then(res=>{
}).catch(err=>{
})

Promise.resolve('aa') : 将现有的东西,转成一个 promise 对象, resolve状态,成功状态

等价于:

new Promise(resolve =>{
    resolve('aaa') 
});

Promise.all([p1, p2, p3]): 把 promise 打包,扔到一个数组里面,打包完还是一个 promise 对象