簡單理解ES6的async await

2022-06-21 17:54:09 字數 668 閱讀 4297

以前專案中為了能較為優美、簡潔地處理多個非同步事件使用es6的async與await語法糖,但對其並未有深入的理解。現粗略了解與整理了一下,再次寫下大概的理解:

1.async可以看做宣告並返回了promise物件; 

2.await相當於定義promise內的方法, 必須在async中使用;

3.當await中的方法執行完畢或返回後執行後續**。

例如下面表現函式執行順序的**:

async function

async1()

async

function

async2()

settimeout(() =>, 0);

async1();

async2();

執行**列印結果如下:

結果等同於

function

async1()).then(()=>)

}function

async2())

.then(()=>)

}settimeout(() =>, 0);

async1();

async2();

es6解構賦值理解

最優 結構賦值的規則是,只要等號右邊的值不是物件或者陣列,就先將其轉為物件,再匹配更詳細規則。由於undefined和null無法轉換為物件,所以進行匹配就回報錯。注意事項 變數宣告 函式引數 賦值語句模式等不要帶圓括號,es6識別不出來是要做結構還是做表示式。1 陣列 左右都是陣列 可遍歷 1.1...

es6中類的理解

類的資料型別就是函式,類本身就指向建構函式 point point.prototype.constructor 類的所有方法都定義在類的prototype屬性上面。在類的例項上面呼叫方法,其實就是呼叫原型上的方法class point tostring tovalue 等同於 point.proto...

ES6系列 ES6簡介

2015年6月17日,ecmascript的第六個版本正式發布,該版本正式名稱為ecmascript 2015,但通常被稱為ecmascript 6或者es6。瀏覽器對es6的支援情況 es6主要應用於node.js,如果想用在瀏覽器中,就需要使用轉碼器 將es6 轉成es5 這意味著,可以用es6...