Estoy usando TypeScript y tengo la siguiente cadena de promesas:
function bar(): Promise<boolean> { globalVar = doSomething(); return Promise.resolve(true); } return foo() .then(() => { return bar(); }).then(() => { return bas(); } En la mayoría de los casos, necesito el valor de retorno de bas , pero en un caso no lo necesito. ¿Cuál es la mejor manera de descartar el tipo boolean ? Probé una conversión as Promise<void> pero no funciona porque los tipos void y boolean no se cruzan.
Aquí hay un MVCE mínimo:
let globalVar: string = 'hello'; function bar(): Promise<boolean> { globalVar = 'world'; return Promise.resolve(true); } function xyz(): Promise<void> { return bar(); }Este es un error de larga data en TypeScript; consulte microsoft/TypeScript#12871 . Está catalogado como en el "Backlog", por lo que no esperaría ver una solución pronto si fuera usted. La forma más fácil de abordar esto es simplemente usar una aserción de tipo (lo que llama un "reparto") para suprimir el error:
function xyz(): Promise<void> { return bar() as Promise<any> as Promise<void>; } el error en bar() as Promise<void> es solo porque el compilador no los ve lo suficientemente relacionados como para hacer una aserción; todo lo que tiene que hacer es afirmar algún tipo intermedio visto como relacionado con ambos.
Este cambio tiene la ventaja de dejar solo el JavaScript emitido.
Otra solución es usar un then() vacío, que no cambia la promesa devuelta (todavía será un valor boolean en tiempo de ejecución) pero el compilador lo ve como Promise<void> :
function uvw(): Promise<void> { return bar().then() }O también podría asegurarse explícitamente de que no haya un valor de retorno en el tiempo de ejecución:
function rst(): Promise<void> { return bar().then(() => { }) }Pero ambos son solo soluciones alternativas visibles en tiempo de ejecución para un error del compilador de TS, por lo que no sé si los recomiendo.
Simplemente podría agregar un .then detrás de su bar() que no devuelve nada:
let globalVar: string = 'hello'; function bar(): Promise<boolean> { globalVar = 'world'; return Promise.resolve(true); } function xyz(): Promise<void> { return bar().then(() => undefined); /* // other possible callbacks return bar().then(() => {}); return bar().then(() => { return; }); */ } Con await / async se vería mejor:
let globalVar: string = 'hello'; function bar(): Promise<boolean> { globalVar = 'world'; return Promise.resolve(true); } async function xyz(): Promise<void> { await bar() }