Soy un poco nuevo en la codificación de una manera JS/TS y solo quería conocer las mejores prácticas cuando se trata de devolver y manejar el vacío y los valores que provienen de una búsqueda. En resumen, me gustaría usar fetch para recuperar un archivo JSON en algún lugar, extraer información relevante y devolver un dict.
async function doSomething() { const response = fetch(...) .then(response => response.json().then(data => ({ data: data, response: response.ok })) ) .then(data => { if (!data.response) { console.warn("Response was not ok...") return null } else if (data.data["results"] == 0) { console.info("Returned no results") return null } else { const returned = { name: data.data["stuff"], thing: data.data["other"] } return returned } }) .catch(error => console.error(`${error}`)) return response TS devuelve un error que dice que Property 'name' does not exist on type 'void | {...} cuando quiero usar los valores del dict. El error, lo entiendo perfectamente. Cuando uso la función, trato de hacer una verificación de tipo para manejar cuando devuelve vacío, pero aún genera un error para algo como esto:
const request = await getQuery("movie", query) if (request === undefined || request === null) return "I wasn't able to find your query." const data = { name: request.name } }Solo me pregunto cuál es la mejor manera de escribir y manejar el vacío y usar los valores dict.
No tendría la función hacer demasiado. Haga que se concentre en devolver algunos datos y deje que la función que lo llama se ocupe de cómo se van a utilizar esos datos.
Si va a usar async/await , debe ser consistente . Mezclar async con then no tiene mucho sentido. De esta manera, devolverá algunos datos o arrojará un error.
async function getData(endpoint) { try { const response = await fetch(endpoint); if (response.ok) { const { data } = await response.json(); return data; } else { throw new Error('Response error.'); return undefined; } } catch (err) { console.warn(err); } } async function main() { const endpoint = 'http://example.com'; const data = await getData(endpoint); if (data && data.results) { console.log(data.results.name); } else { console.warn('No results'); } } main();