Làm cách nào để chuyển đổi lời hứa onload thành Async/Await

Question

Tôi có các Loại bản ghi sau mà tôi muốn sử dụng async/await. Nhưng tôi dường như không thể phân loại nó trong đầu của tôi như thế nào để làm điều này.

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

Có thể ai đó chỉ cho tôi cách hứa nguyên cảo này có thể được chuyển đổi sang sử dụng async/await

Answer 1

nguyên cảo bây giờ hỗ trợ các chức năng không đồng bộ cho công cụ có hỗ trợ cho các máy phát điện ES6, ví dụ Nút v4 trở lên. Các hàm không đồng bộ được bắt đầu bằng từ khóa async; chờ đợi đình chỉ việc thực hiện cho đến khi một lời hứa trả về hàm không đồng bộ được thực hiện và unwraps giá trị từ Promise trả về. - tiêu thụ 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); 
    }); 
} 

Ví dụ:

async function caller() { 
    var workbook = await this.getWorkbookFromFile2(this.getFile()); 
    // The 'workbook' variable is an IWorkBook... 
}