TypeScript›Promise/async›async/await
←Promise.reject

async/awaitPromise/async

try/catch async→

非同期関数を同期的に見えるように記述するための構文です。

構文

async function fn() { const v = await promise; }

使用例

下記の値を入力するとサンプルに即時反映されます。

async→
function→
fetchData→
url→
string→
try→
const→
response→
await→
data→
return→
catch→
error→
console→
async function fetchData(url: string) {
  try {
    const response = await fetch(url);
    const data = await response.json();
    return data;
  } catch (error) {
    console.error(error);
  }
}