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...