es6中then方法怎么用

這篇文章主要介紹“es6中then方法怎么用”，在日常操作中，相信很多人在es6中then方法怎么用問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”es6中then方法怎么用”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

在es6中，then的寫法是“then(為promise實例添加狀態改變成功的回調函數,失敗的回調函數)”；該方法用于為promise實例添加狀態改變時的回調函數，返回的結果是一個新的promise實例，并且該方法可以采用鏈式操作。

本教程操作環境：windows10系統、ECMAScript 6.0版、Dell G3電腦。

es6中then的寫法是什么

寫法：

then(參數1,參數2)

作用:為promise實例添加狀態改變時的回調函數

參數1是成功的回調函數,

參數2是失敗的回調函數

返回值:then()方法返回的是一個新的promise實例,then()方法可以采用鏈式操作.

擴展知識：

Promise

1.概念:Promise是異步編程的一種解決方案.

2.異步:之前實現異步操作的方式:①回調函數②事件觸發

3.作用:解決異步操作問題,區別于上述的兩種方法.

4.特點:  ①:對象的狀態不受外界的影響,promise對象代表一個異步操作,有三種狀態:Pending(進行中).fulfilled(已成           功).rejected(已失敗).只有異步操作的結果,可以決定當前是哪一種狀態,任何其他操作都無法改變這個狀態.

②:對象的狀態,一旦改變,就不會再變,任何時候都可以得到這個結果.(Promise對象的狀態改變,只有兩種可能:從penging變為fulfilled和pending變為rejected).

5:基本用法

(1)通過new promise對象可以創建promise實例

const promise=new Promise(function(resolve,reject){})

(2)參數說明:promise對象接收一個函數做參數,這個函數的參數分別是resolve和reject它們是兩個函數,由Javascript引擎提供

(3)resolve函數的作用:在異步操作成功時調用,并將異步操作的結果,作為參數傳遞出去.

(4)reject函數的作用:在異步操作失敗時調用,并將異步操作報出的錯誤,作為參數傳遞出去.

說明:promise實例生成以后可以用then方法分別指定成功和失敗的回調函數

.then()是promise實例的一個方法,表示要執行的下一步操作.

例如:

function ajax(){
            console.log("hello");
            return new Promise(function(resolve,reject){
                    setTimeout(function(){
                        resolve();
                    },1000)
                })
                ajax.then(function(){
                    console.log("world");
                })
            }

6.Promise實例的方法

(1)then(參數1,參數2)

作用:為promise實例添加狀態改變時的回調函數

參數1是成功的回調函數,參數2是失敗的回調函數

返回值:then()方法返回的是一個新的promise實例,then()方法可以采用鏈式操作.

(2)catch()

作用:指定發生錯誤時的回調函數,作用等同于then方法的第二個參數

例如:

let ajax=function(num){
                return new Promise((resolve,reject){
                    if(num>5){
                        resolve(num);
                    }else{
                           throw new Error("出錯了");
                        }
                })
            }
               ajax(2).then(function(num){
                console.log(num);
            }).catch(function(error){
                console.log(error);
            })

7.Promise的高級方法

(1)promise.all()

作用:將多個promise實例,包裝成一個新的promise實例,簡單的來說就是多個異步操作都成功則才執行成功的回調,否則執行失敗的回調.

參數說明:接收一個數組作為參數,數組的每一項都是promise實例

(2)promise.race()

作用:將多個promise實例,包裝成一個新的promise實例,只要有一個實例率先改變狀態,promise的狀態就跟著改變.

參數說明:接收一個數組作為參數,數組的每一項都是promise實例

8.Promise風格的AjAx

                function promiseAjax(json){
                    let url=json.url;
                    let type=json.type||"get";
                    let data=json.data||{};
                    let str="";
                    for(let k in data){
                        str+=k+"="+data[k]+"&";
                    }
                    return new Promise((resolve,reject)=>{
                    let ajax=new XMLHttpRequest();
                    if(type.toLowerCase()==="get"){
                        ajax.open("get",`${url}?${str}time=${Date.now()}`,true);
                        ajax.send();
                    }else if(type.toLowerCase()==="post"){
                        ajax.open("post",url,true);
                        ajax.setRequestHeader("content-type","application/x-www-form-urlencoded");
                        ajax.send(str.substring(0,str.laseIndexOf("&")));
                    }
                        ajax.onreadystatechange=function(){
                            if(ajax.readyState===4){
                                if(ajax.status>=200&&ajax.status<300){
                                    resolve(JSON.parse(ajax.responseText));
                                }else{
                                    let error=new Error();
                                    error.status=ajax.status;
                                    reject(error);
                                }
                            }
                        }
                    })
            }

到此，關于“es6中then方法怎么用”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！