Estoy usando la biblioteca await-to-js para el manejo de errores (el método to en el ejemplo a continuación proviene de la biblioteca)
Por alguna razón, el tipo de una variable cambia a string | undefined dentro de un bucle for..of , cuando el valor de la misma variable es una string fuera del bucle.
Considere el siguiente ejemplo (consulte testMethod para ver el error):
function to<T, U = Error>( promise: Promise<T>, errorExt?: object ): Promise<[U, undefined] | [null, T]> { return promise .then<[null, T]>((data: T) => [null, data]) .catch<[U, undefined]>((err: U) => { if (errorExt) { const parsedError = Object.assign({}, err, errorExt); return [parsedError, undefined]; } return [err, undefined]; }); } async function retrieveAccessToken(): Promise<string> { const randomNumber = Math.random(); if(randomNumber < 0.5) { throw new Error("Failed"); } return "testToken"; } function printAccessToken(accessToken: string) { console.log(accessToken); }; async function testMethod(): Promise<boolean> { const accessTokenPromise = retrieveAccessToken(); const [err, accessToken] = await to(accessTokenPromise); if(err){ console.log("Failed"); return false; } // No error here printAccessToken(accessToken); for(let i = 0 ; i < 5; i++){ // Error! Type Argument of type 'string | undefined' is not assignable to // parameter of type 'string'. printAccessToken(accessToken); } return true; } Esto parece resolverse agregando un control if en accessToken, por ejemplo if(!accessToken) , sin embargo, no tiene sentido por qué el tipo de accessToken es una string | undefined dentro del bucle for pero string fuera de él?
TypeScript tiene problemas para analizar tipos en la desestructuración de la sintaxis. Para obtener el comportamiento esperado, asigne el valor resuelto de to una variable local y haga referencia accessToken después de marcar err .
Cambio:
const [err, accessToken] = await to(accessTokenPromise); if(err){ console.log("Failed"); return false; }Dentro:
const toResult = await to(accessTokenPromise); const [err] = toResult; if(err){ console.log("Failed"); return false; } const [, accessToken] = toResult;