APIからデータを取得後に次の処理を実行したい

Question

前提・実現したいこと

APIからデータを取得して、その結果を元に次の処理を実行したい

発生している問題・エラーメッセージ

APIの取得を待たずに次の処理が実行されてしまい、望んでいる結果にならない。

該当のソースコード

async function apiRead(name) {
	const params = new URLSearchParams()
	params.append('type', 'get')
	params.append('key', name)
	const apiResult = axios.get('APIのURL', params)
	    .then(function(rec) {
	        return rec.data
	    })
	const result = await apiResult
	return result
}

function show(name) {
    let data = apiRead(name)
    //取得したデータをゴニョゴニョ
    return data
}

// こちらを実行してから
const result = show('APIから取得する名前')

//完了処理を実行したい
const dataA = result + "何か処理を実行します"

//このあとにいろいろと処理が続く
・
・
・
・
・

// 全体の処理が完了
console.log("complete!")

Answer 1

apiReadはasyncキーワードがついているので、Promiseが返ってきます。このPromiseはaxios.getの結果となるPromiseと同一です。
呼び出し元でそのPromiseのresolveを待つ、すなわち.then()に後続処理を書けばapiの完了を待てます。

// こちらを実行してから
show('APIから取得する名前')
.then(function(result){
  //完了処理を実行したい
  const dataA = result
  //このあとにいろいろと処理が続く

  // 全体の処理が完了
  console.log("complete!")
});