promise解析

最新推荐文章于 2024-07-20 23:55:03 发布

何小仙

最新推荐文章于 2024-07-20 23:55:03 发布

阅读量159

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/HXX548888/article/details/115138805

版权

这篇博客介绍了Promise的概念，作为ES6中解决回调地狱的解决方案。Promise对象表示异步操作，通过构造函数传入resolve和reject函数来处理异步操作的成功与失败。文章详细阐述了Promise的then方法，它接受两个参数，分别对应异步操作成功和失败的回调。通过示例代码展示了如何使用Promise串联多个异步函数，使代码按照同步的思维进行组织。

摘要由CSDN通过智能技术生成

Promise

1、概念

Promise是ES6新增的一个对象，Promise的提出是为了解决回调地狱。

Promise对象就表示一个异步操作。

Promise对象可以把以前异步的回调函数的方式，以同步的思路表达出来

2、Promise的构造函数的参数

let p = new Promise(function(resolve,reject){
	
});

resolve：Promise里的异步执行成功调用的函数

reject：Promise里的异步执行失败调用的函数

3、Promise对象的方法then

then：然后的意思。

then()有两个参数，第一个参数是resolve函数，第二个参数是reject

then()函数的返回值就是Promise对象。

let p = new Promise(function(resolve,reject){
	
});

p.then(function(){resolve},function(){reject});

4、Promise的代码

function fn3(){
    console.log("fn3开始");
    setTimeout(function(){
        console.log("fn3异步操作完毕！");
    },1000);
    console.log("fn3结束");
} 

function fn2(){
    return new Promise(function(resolve,reject){
        console.log("fn2开始");
        setTimeout(function(){
            console.log("fn2异步操作完毕！");     
            resolve();
        },1000);
        console.log("fn2结束");
    });
}    

function fn1(){
    // Promise对象就表示一个异步操作。
    let p1 = new Promise(function(resolve,reject){
        console.log("fn1开始");
        setTimeout(function(){
            console.log("fn1异步操作完毕！");
            resolve();
        },1000);
        console.log("fn1结束");
    });
    return p1
}   

// Promise对象可以把以前异步的回调函数的方式，以同步的思路表达出来
fn1().then(fn2).then(fn3);