funzione asincrona

[techno]

Ciao, su questa funzione:

async function getStartChat() {
        const response = await fetch("lib/bot.php").
        then(response => response.text()).
        then(data => { return data }).
        catch(err => console.log(err));
    }

mi restituisce questo:
[object Promise]

perchè?

[techno]

ho modificato anche in questo modo:

async function getStartChat() {
    const response = await fetch("lib/start_chat.php")
    let data = await response.text();	
    return data;
}


let saveChat = getStartChat();
if(saveChat !== "") qCHAT.innerHTML = saveChat;

ma sempre stesso risultato

[ninja72]

Le promises le puoi gestire in diversi modi ma sempre in modo asyncrono.

// async await method
const getStartChat = async () => (await fetch("test.txt")).text()

getStartChat()
    .then(data => {
        if (data !== "") qCHAT.innerHTML = data;
    })

//--------------------------------------------------------------

// chaining promises method
const promiseReturn = fetch("test.txt")
    .then(response => response.text())
    .then(data => data)

const getStartChat = async () => {
    const data = await promiseReturn
    if (data !== "") qCHAT.innerHTML = data;
}
getStartChat()

[techno]

Si grazie avevo capito dove ho sbagliato ed è identico a quello da te istruito, grazie ancora, solo una domanda, perche "promiseReturn" lo metti fuori dalla funzione e non interno?
Perchè non posso metterci un return alla funzione?

[ninja72]

Detta in breve, per separare quelli che sono i dati restituiti dalla promises da quelli di presentazione della view.
Infatti potrei avere l'esigenza di catturare lo stesso dato ed applicarlo su views differenti, tutto dipende poi da cosa devi fare.

Errata corrige:
Nel secondo esempio questa linea di codice è superflua perchè in realtà non viene utilizzata per un eventuale view del dato all'interno della promises stessa.

.then(data => data)

In questo esempio wrappo tutto in una funzione asincrona, questo per gestire più facilmente le view in modo asincrono con await.

        const qCHAT = document.getElementById('chat')
        const qCHAT2 = document.getElementById('chat2');

        window.addEventListener('DOMContentLoaded', async () => {
            // async await method
            const getStartChat = async () => (await fetch("file.txt")).text();
            // chaining promises method
            const getStartChat2 = () => {
                const promiseReturn = fetch("file.txt")
                    .then(response => response.text())
                return promiseReturn
            }
            qCHAT.textContent = await getStartChat()
            qCHAT2.textContent = await getStartChat2()
        });