前端小白初識ES6中的Promise物件

2021-10-05 03:09:41 字數 1436 閱讀 3622

1.什麼是promise?

是一種非同步程式設計的解決方案,是乙個物件,可以獲取非同步操作的訊息。

2.作用?

3.promise的基本用法

舉例**如下:

const promise =

newpromise

(resolve, reject =>);

//介面請求成功,返回結果

promise.

then()

;

4.promise的三個狀態

pending:初始化狀態(既不是成功,也不是失敗狀態)

fulfilled:操作成功

rejected:操作失敗

下面通過一段**來初始一下promise物件的用法

function

querydata()

;if(data.retcode ==0)

else);

}},100);

});return promise;};

//第二步:業務層的介面呼叫

querydata()

.then

((result)

=>).

catch

(result=>).

finally((

)=>

);

以上**解釋:

1.retcode:return code的縮寫,請求乙個http鏈結後,一般後端返回的資料中會根據條件包括乙個狀態碼。

retcode為0 表示請求成功的時候

retcode為1 表示請求失敗的時候

2.result:這裡的result就是從resolve和reject傳過來的,也就是從介面拿來的資料。

3.promise常用的api方法:(用於例項)

ps.箭頭函式擴充套件

傳統寫法:

function

fn(a, b)

箭頭函式寫法:

varfn=

(a, b)

=> a + b;

若函式體內有兩句及以上的話:

varfn=

(a, b)

=>

console.

log(fn(

1,2)

);

總結:

1.如果函式中有且只有乙個引數的話,則可以省略()。

2.如果函式體內有且僅有一條語句,則可以省略,前提這條語句必須是return。

未完待續…

本人在學習前端的路上,歡迎各位大神指點…

前端 ES6總結

1 arr.push 在陣列末尾新增元素,返回陣列長度 let arr 1,2,3 let length arr.push 4 console.log length 4console.log arr 1,2,3,4 2 arr.unshift 在陣列首位新增元素,返回陣列長度 let arr 1,2...

前端知識整理 ES6

es6 1 模組化 export default export function fn1 export function fn2 import util from util1.js import from util2.js 2 使用babel npm install babel core babel...

前端學習筆記 ES6

1 塊級作用域 任何一對花括號 中的語句集都屬於乙個塊,在塊中宣告的變數在 塊外都是不可訪問的,稱之為塊級作用域,es5以前沒有塊級作用域 2 let 關鍵字 let用於宣告變數 類似於var 其宣告的變數只在當前 塊內有效,實際上是建立了塊級作用域 1 建立塊級作用域 if true consol...