Wie kann ich umwandeln onload Versprechen in Async/Await

Habe ich Folgendes Typoskript, das ich gerne verwenden möchte async/await auf. Aber ich kann nicht scheinen, um es zu klären in meinem Kopf, wie Sie dies tun.

private getWorkbookFromFile2(excelFile: File): Promise<xlsx.IWorkBook> {
    var loadedPromise = new Promise<xlsx.IWorkBook>((resolve, reject) => {
        var reader = new FileReader();

        reader.onload = (event: any) => {
            var data = event.target.result;

            var workbook = xlsx.read(data, { type: 'binary' });

            console.log(workbook.SheetNames);
            resolve(workbook);
        };
        reader.readAsBinaryString(excelFile);
    });

    return loadedPromise;
}

Kann mir jemand zeigen, wie das Typoskript Versprechen können konvertiert werden, verwenden Sie async/await

InformationsquelleAutor Vaccano | 2016-07-07
  1. 24

    Typoskript jetzt unterstützt asynchrone Funktionen für Motoren, die haben die native Unterstützung für ES6-Generatoren, z.B. den Knoten v4 und höher. Asynchrone Funktionen beginnen mit dem async-Schlüsselwort; erwarten unterbricht die Ausführung, bis eine asynchrone Funktion zurück-Versprechen ist erfüllt und packt den Wert aus dem Versprechen zurückgegeben. - Quelle

    async function getWorkbookFromFile2(excelFile: File) {
    return new Promise<xlsx.IWorkBook>((resolve, reject) => {
        var reader = new FileReader();

        reader.onload = (event: any) => {
            var data = event.target.result;

            var workbook = xlsx.read(data, { type: 'binary' });

            console.log(workbook.SheetNames);
            resolve(workbook);
        };
        reader.readAsBinaryString(excelFile);
    });
}

    Beispiel Verbrauch:

    async function caller() {
    var workbook = await this.getWorkbookFromFile2(this.getFile());
    //The 'workbook' variable is an IWorkBook...
}
    • Es gibt also keine Möglichkeit, warten auf den Leser und die onload?
    • NÖ, es gibt keine Notwendigkeit, da diese die niedrigste Ebene der asynchronen operation. Das Versprechen ist, dass Sie wieder zurückkehren werden, die von dieser Funktion, wenn onload ruft resolve. Macht das Sinn? Sie sind im Grunde die Beseitigung aller boilerplate-code weiter oben in der Nahrungskette so zu sprechen, so dass der Anrufer diese Funktion kann einfach await es anstelle der Verwendung des legacy-Verkettung-API.
    • vielleicht sehen Sie ein Beispiel, wie diese Funktion verwendet werden kann, mit await machen es zu einem mehr komplette Beispiel?
    • getan-danke für die Anregung (und upvote)
    • Es habe! Vielen Dank für die Antwort und Erklärung!
    • kein problem, SO glücklich, um zu helfen!

    InformationsquelleAutor David Pine
Schreibe einen Kommentar