Estoy usando try/catch para hacer algunas solicitudes de búsqueda, luego extraigo el título del HTML y lo agrego a mi objeto 'sleekResponse'. Cuando intento analizar el cuerpo y agregarlo a ese objeto, tengo problemas. con el valor de retorno sin incluir el título que extraje del HTML
Sé que esto tiene algo que ver con la asincronía o mi comprensión superficial de Promises, pero no puedo decir por qué el valor de retorno es diferente del valor que está registrando justo antes de enviarlo.
async function fetchUrl(url) { console.log(url); try { const myInit = { mode: 'cors' } let sleekResponse = {}; await fetch(url, myInit).then(function (response) { sleekResponse.redirected = response.redirected; sleekResponse.status = response.status; return response; }) .then((response) => titleWait(response)) .then((res) => sleekResponse.title = res) function titleWait(response) { Promise.resolve(response.text()).then((res) => { a = res.split('<title>'); b = a[1].split('</title>') sleekResponse.title = b[0]; return sleekResponse; }) console.log(sleekResponse); return sleekResponse; } console.log(sleekResponse); // This logs the correct value return sleekResponse; // when it's returned it doesn't show the title that was added } catch (err) { return `${err}`; } }He intentado tantas cosas que no recuerdo todo lo que probé. Sé que me estoy perdiendo algo que podría ser obvio, pero aún no entiendo por qué el valor de console.log es diferente del valor devuelto una línea más tarde.
El problema principal es que titleWait no devuelve su propia promesa:
function titleWait(response) { return Promise.resolve(response.text()).then((res) => { a = res.split('<title>'); b = a[1].split('</title>') sleekResponse.title = b[0]; return sleekResponse; }); }Todavía es una forma muy complicada de escribirlo. Esta es mejor:
async function titleWait(response) { const res = await response.text()); const a = res.split('<title>'); const b = a[1].split('</title>') sleekResponse.title = b[0]; return sleekResponse; }espero poder ayudar un poco
esta búsqueda básica ();
const response = await fetch('your url') const data = await response.json(); console.log(data);