Top-level await
await 演算子はプロミス (Promise) を待ち、履行値を取得するために使用します。非同期関数の中、またはモジュールの最上位でのみ使用することができます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 89 | 89 | 89 | 15 | 89 | 15 | |
注釈 2件
制限事項
- このブラウザでは部分的にしか実装されていません
実装メモ
- トップレベル待ちを含むモジュールを同時にインポートする複数のモジュールをサポートしない(バグ242740参照)。
注釈 2件
制限事項
- このブラウザでは部分的にしか実装されていません
実装メモ
- トップレベル待ちを含むモジュールを同時にインポートする複数のモジュールをサポートしない(バグ242740参照)。
基本構文
JAVASCRIPT
// module.js
const response = await fetch('/api/config');
export const config = await response.json();
// Client-side
import { config } from './module.js';
console.log(config); // Executed after loading is complete実務での使いどころ
-
Top-level await の活用
await 演算子はプロミス (Promise) を待ち、履行値を取得するために使用します。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。