在es6中，then的寫法是“then(為promise實例添加狀態(tài)改變成功的回調(diào)函數(shù),失敗的回調(diào)函數(shù))”；該方法用于為promise實例添加狀態(tài)改變時的回調(diào)函數(shù)，返回的結(jié)果是一個新的promise實例，并且該方法可以采用鏈?zhǔn)讲僮鳌?/p>

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6中then的寫法是什么

寫法：

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

作用:為promise實例添加狀態(tài)改變時的回調(diào)函數(shù)

參數(shù)1是成功的回調(diào)函數(shù),

參數(shù)2是失敗的回調(diào)函數(shù)

返回值:then()方法返回的是一個新的promise實例,then()方法可以采用鏈?zhǔn)讲僮?

擴展知識：

Promise

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

2.異步:之前實現(xiàn)異步操作的方式:①回調(diào)函數(shù)②事件觸發(fā)

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

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

②:對象的狀態(tài),一旦改變,就不會再變,任何時候都可以得到這個結(jié)果.(Promise對象的狀態(tài)改變,只有兩種可能:從penging變?yōu)閒ulfilled和pending變?yōu)閞ejected).

5:基本用法

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

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

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

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

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

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

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

例如:

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(參數(shù)1,參數(shù)2)

作用:為promise實例添加狀態(tài)改變時的回調(diào)函數(shù)

參數(shù)1是成功的回調(diào)函數(shù),參數(shù)2是失敗的回調(diào)函數(shù)

返回值:then()方法返回的是一個新的promise實例,then()方法可以采用鏈?zhǔn)讲僮?

(2)catch()

作用:指定發(fā)生錯誤時的回調(diào)函數(shù),作用等同于then方法的第二個參數(shù)

例如:

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實例,簡單的來說就是多個異步操作都成功則才執(zhí)行成功的回調(diào),否則執(zhí)行失敗的回調(diào).

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

(2)promise.race()

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

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

8.Promise風(fēng)格的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);                                 }                             }                         }                     })             }

【