Wie kann ich ein Onload-Versprechen in Async/Await konvertieren

Question

Ich habe die folgenden Typoskripte, die ich verwenden möchte async/await auf. Aber ich kann mir nicht vorstellen, wie das geht.

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 async/await

Answer 1

Typoskript umgewandelt werden können jetzt unterstützt, die, zum Beispiel für ES6 nativen für Motoren Asynchron-Funktionen zu verwenden Generatoren Unterstützung haben Knoten v4 und höher. Asynchronen Funktionen wird das Schlüsselwort async vorangestellt. h award unterbricht die Ausführung, bis eine asynchrone Rückgabeversprechung der Funktion erfüllt ist, und entpackt den Wert aus dem zurückgegebenen Versprechen. - Source

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... 
}