約束はキャンセルできますか? JavaScript のキャンセルメカニズムの詳細

Promise - Promise を強制的にキャンセルすることは可能ですか

ES6 Promise 自体はキャンセルをサポートしていません。ただし、ECMAScript 標準の Promise にキャンセルを追加する作業が進行中です。

Promise キャンセルの提案は、JavaScript の次期 ES2021 バージョンに含まれる WHATWG 仕様で作成されています。この提案では、Promise のキャンセルに使用できる新しい AbortController インターフェイスが導入されています。

<br>const abortController = new AbortController();<br>const Promise = fetch('https://example.com', {<br> signal: abortController.signal<br>});</p>
<p>abortController.abort();<br></ pre><br><p>最新の JavaScript では、AbortController を使用して、フェッチ リクエストやその他の非同期操作などの Promise ベースのタスクをキャンセルできます。</p></p>
<p><p> AbortController を使用できない場合は、非同期フォーム送信やネットワーク リクエストなど、ユーザーが開始した操作に対して独自のキャンセル メカニズムを実装することができます。</p><br><p><strong>JavaScript でのカスタム キャンセル メカニズムの作成</strong>: 次の方法で簡単なキャンセル メカニズムを実装できます:</p><br><ul><br><li>操作。</li><br><li>キャンセルする非同期タスクに cancelingToken を渡します。</li><br><li>ユーザーがキャンセルを開始したときに cancelingToken をキャンセルします。< /li><br></ul><br><p>CancelToken は、Promise を拒否する cancel() メソッドを使用して Promise として実装できます。以下に例を示します:</p><br><pre class="lang-js prettyprint-override"><br>const cancelToken = new Promise((resolve, detect) => {<br> return { </p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">cancel: () => reject(new Error('Operation has been cancelled.'))

ログイン後にコピー

}
});

次に、次のように、キャンセルしたい非同期タスクに cancelToken を渡すことができます:< ;/p>

<br>const asyncTask = (cancellationToken) => {<br> // ここに非同期タスクを実装します<br> return fetch('https://example.com', {</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">cancel: () => reject(new Error('Operation has been cancelled.'))

ログイン後にコピー