Wie gebe ich einen Wert von einer asynchronen Funktion zurück?
Im bereitgestellten Code gibt die init()-Methode ein Promise zurück, aber das Die Methode getPostById() versucht, direkt auf den vom Promise zurückgegebenen Wert zuzugreifen. Um dieses Problem zu beheben, muss die Methode init() geändert werden, um den Wert von getPostById() zurückzugeben, nachdem das Versprechen aufgelöst wurde.
Hier ist der aktualisierte Code:
class Posts { constructor(url) { this.ready = false this.data = {} this.url = url } async init() { try { let res = await fetch( this.url ) if (res.ok) { let data = await res.json() // Do bunch of transformation stuff here this.data = data this.ready = true return this.getPostById(4) // Return the value of getPostById() } } catch (e) { console.log(e) } } getPostById(id){ return this.data.find( p => p.id === id ) } }
Jetzt kann die myFunc-Funktion wie folgt geschrieben werden:
let myFunc = async () => { const postId = 4 await allPosts.init() // I need to wait for this to finish before returning // This is logging correct value console.log( 'logging: ' JSON.stringify(allPosts.getPostById( postId ), null, 4) ) // Return the RESULT of allPosts.getPostById( postId ) ??? return await allPosts.getPostById( postId ) }
Dieser Code gibt den Wert von getPostById() korrekt zurück.
Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.
Copyright© 2022 湘ICP备2022001581号-3