Ha habido otros temas sobre SE, pero la mayoría de ellos datan de hace 5 años. ¿Cuál es el enfoque actual y actualizado para cancelar la llamada en espera en JS? es decir
async myFunc(){ let response = await oneHourLastingFunction(); myProcessData(response); }
en un momento específico, la aplicación decide que ya no quiere esperar esa oneHourLastingFunction
, pero está atascada en "esperar". ¿Cómo cancelar eso? ¿Alguna forma estándar de tokens de cancelación / abortControllers para promesas?
La cancelación de un procedimiento asíncrono aún no es una tarea trivial, especialmente cuando necesita una cancelación profunda y un control de flujo. No hay una solución nativa en este momento. Todo lo que puedes hacer de forma nativa:
abort
todas las microtareas suscritasEsta es una solución bastante detallada y complicada con posibles fugas de memoria.
Solo puedo sugerir mi propia solución a este desafío : c-promise2 , que proporciona promesas cancelables y una alternativa cancelable para funciones asincrónicas ECMA: generadores.
Aquí hay un ejemplo básico ( demostración en vivo ):
import { CPromise } from "c-promise2"; // deeply cancelable generator-based asynchronous function const oneHourLastingFunction = CPromise.promisify(function* () { // optionally just for logging this.onCancel(() => console.log("oneHourLastingFunction::Cancel signal received") ); yield CPromise.delay(5000); // this task will be cancelled on external timeout return "myData"; }); async function nativeAsyncFn() { await CPromise.delay(5000); } async function myFunc() { let response; try { response = await oneHourLastingFunction().timeout(2000); } catch (err) { if (!CPromise.isCanceledError(err)) throw err; console.warn("oneHourLastingFunction::timeout", err.code); // 'E_REASON_TIMEOUT' } await nativeAsyncFn(response); } const nativePromise = myFunc();
Solución profundamente cancelable (todas las funciones son cancelables) ( Demostración en vivo ):
import { CPromise } from "c-promise2"; // deeply cancelable generator-based asynchronous function const oneHourLastingFunction = CPromise.promisify(function* () { yield CPromise.delay(5000); return "myData"; }); const otherAsyncFn = CPromise.promisify(function* () { yield CPromise.delay(5000); }); const myFunc = CPromise.promisify(function* () { let response; try { response = yield oneHourLastingFunction().timeout(2000); } catch (err) { if (err.code !== "E_REASON_TIMEOUT") throw err; console.log("oneHourLastingFunction::timeout"); } yield otherAsyncFn(response); }); const cancellablePromise = myFunc().then( (result) => console.log(`Done: ${result}`), (err) => console.warn(`Failed: ${err}`) ); setTimeout(() => { console.log("send external cancel signal"); cancellablePromise.cancel(); }, 4000);