ES6--Promise对象

女爷i 2022-12-06 05:23 247阅读 0赞

Promise对象：代表了未来某个将要发生的操作，通常是异步操作  
promise对象可以将异步操作以同步的流程表达出来，避免了层层嵌套的  
回调函数（回调地狱），ES6的Promise是一个构造函数，用来生成promise实例  
基本步骤：1创建promise对象 2.调用promise的then()  
3.promise的三个状态：pending:初始化，fullfilled:成功，rejected:失败  
4.应用：使用promise实现超时处理，使用promise封装处理ajax请求  
使用promise实现封装处理ajax请求  
例：

Promise例子---用ajax获取新闻内容

//promise对象案例练习
                //获取新闻内容
                function getNews(){
                    let promise = new Promise((resolve,reject)=>{
                        //状态：初始化
                        //执行异步任务
                        //创建xmlHttp实例对象
                        let xmlHttp = new XMLHttpRequest();
                        //绑定监听 readyState
                        xmlHttp.onreadystatechange = function(){
                            if(xmlHttp.readyState==4){
                                if(xmlHttp.status==200){//请求成功
                                    console.log(xmlHttp.responseText);
                                    resolve(xmlHttp.responseText);//修改promise的状态为成功状态
                                }
                            }else{//请求失败
                                reject("暂时没有数据");
                            }
                        };
                         xmlHttp.open('GET',url);
                         xmlHttp.send();
                    });
                   return promise;
                }
                getNews("address url")
                .then((data)=>{
                    console.log(data);
                    //发送请求获取内容
                    let theCommemnt = JSON.parse(data).commemntUrl;//commentUrl是data数据里面的一个地址
                    let url =  "address url"+theCommemnt;
                    return getNews(url);
                },(err)=>{
                    console.log(err);
                })
                .then((data)=>{
                     console.log(data);//上面的then返回的数据
                },()=>{
    
                });