Tengo el siguiente fragmento implementado con Promise.then :
function b() { return Promise.resolve() } function c() { throw new Error('error here') } const a = () => { b().then(() => c()); }; a() La salida de seguimiento de la pila del error solo incluye la función c
VM57:6 Uncaught (in promise) Error: 343 at c (<anonymous>:6:9) at <anonymous>:10:17Sin embargo, si cambio esto a async-await como en:
function b() { return Promise.resolve() } function c() { throw new Error('error here') } const a = async () => { await b() c() }; a() Esta vez, el seguimiento de la pila incluía toda la pila de llamadas con la función a
Uncaught (in promise) Error: 343 at c (<anonymous>:6:9) at a (<anonymous>:3:5) Probé esto en la consola de desarrollo de Chrome. Me pregunto qué causó la diferencia y ¿significa esto que uno debe seguir con async-await await para una mejor depuración? Además, ¿hay algún recurso en el que pueda aprender más sobre esta diferencia?
Esto se espera.
En la versión then , la función a se ejecutó hasta completarse antes de then ejecute la devolución de llamada. Esa devolución de llamada anónima es la única función en la pila de llamadas en ese momento. Cuando se llama a c y se produce el rechazo, a no está en la pila de llamadas.
En la versión de await , la función a se suspende primero (devuelve una promesa), pero luego, cuando se resuelve b() , se restaura el contexto de ejecución de a y se reanuda la ejecución de a . Entonces, cuando ocurre el rechazo en c , a está en la pila de llamadas.
Es anónimo porque se llama dentro de una función anónima: () => c() . En el otro ejemplo se llama dentro a
Si nombra su función de devolución de llamada, verá el nombre dentro del registro de errores:
const a = () => { b().then(function test() { c(); }); };