asyncとawaitはJavaScript非同期処理モードで最近出現した構文である.
従来の非同期処理方法のコールバック関数とプロセスの欠点を補い、開発者がより読みやすいコードを作成するのに役立ちます.

開発者が読むのに適したコードは何ですか?

プログラミングの学習を始めたばかりの頃は、次の変数と条件文を使用したことを覚えているかもしれません.
var user = {
id: 1,
name:'josh'
};
if(user.id ===1) {
console.log(user.name);//josh
}
これは、userという変数にオブジェクトを割り当て、条件文でユーザーのアイデンティティを確認し、ユーザー名をコンソールに書き込む簡単なコードです.
私たちはこのように上から次の行までよく読んで考えるのが便利です.

だから読みやすいコードはasync&awaitと何の関係がありますか?

async、await構文の目的は、さっき読んだ方法と理解した方法でコードを整理することです.次のハーモニーを見ましょうか?
var user = fetchUser('domain.com/user/1');
if(user.id===1){
console.log(user.name);
}
fetchUser()メソッドを呼び出すと、前に見たコードのようにユーザーオブジェクトを返してみます.ここでfetchUser()メソッドがサーバからユーザ情報を取得するHTTP通信コードであると仮定すると、上記のコードはasync&await構文が適用されたものと見なすことができる.

asnyc&awaitデフォルト構文

今、async awaitの基本的な文法を見てみましょう.
async関数名(){
wait非同期処理方法名()
}
まず,関数の前に保持語asyncを付ける.そして,関数の内部論理でHTTP通信を行う非同期処理コードにwaitを付ける.ここで注意しなければならないのは、非同期処理方法が「待機」の予想される操作に従うために「基本情報」オブジェクトを返さなければならないことです.
通常、awaitの非同期処理コードはAPI呼び出し関数であり、Axiosなどのプロセスを返します.

単純な例

function fetchItems(){
	return new Promise(funcion(resolve,reject){
	var items = [1,2,3] ;
	resolve(items)
		
});

async function logItems() {
	var resultItems =await fetchItems(); 
	console.log(resultItems); // [1,2,3]

}

}

まず、fetchItem関数はプロセスオブジェクトを返します.プロセスは「JavaScript非同期オブジェクトの処理」として学習され、fetchItems()関数を実行すると、プロセスは実行(解決)され、結果値はitems配列になります.
logItems()関数を見てみましょう.logItems()関数を実行すると、resultItems変数にはfetchItems()関数の結果値items配列が含まれます.したがって、コンソールは[1,2,3]を出力します.
waitを使用しない場合は、コールバック関数を使用して、データを受信したときにコンソールを出力できます.そしてランプを使うべきです.しかしasync wait文法のおかげで、非同期を考える必要はありません.
※注:上記のコードが非同期処理コードである理由を理解していない場合は、fetchItems()を次の関数に変換して実行できます.