Promise.withResolvers()

概要

Promise.withResolvers() は新しい Promise とその resolve/reject 関数をオブジェクトで返します。コンストラクタのコールバック外から Promise を制御したい場合に便利です。

対応ブラウザ

基本構文

const { promise, resolve, reject } = Promise.withResolvers();

// Resolve from an event handler
button.addEventListener('click', () => resolve('clicked'));
setTimeout(() => reject(new Error('timeout')), 5000);

const result = await promise;

ライブデモ

実務での使いどころ

• Promise.withResolvers() の活用

  Promise と resolve/reject を同時に取得するメソッド。Promise の外部からの解決が容易に。

注意点

アクセシビリティ

• JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。

参考リンク

• MDN Web Docs — Promise.withResolvers()

Powered by web-features