• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

286
Views
¿La forma correcta de cancelar (detener) la ejecución de la función async/await?

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?

almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

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:

  • pase la instancia de AbortController a cada función asíncrona anidada que desee cancelar
  • suscribir todas las microtareas internas (solicitudes, temporizadores, etc.) a la señal
  • opcionalmente cancelar la suscripción de microtareas completadas de la señal
  • llamar al método de cancelación del controlador para abort todas las microtareas suscritas

Esta 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);
almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error