Async/chờ đợi bên trong mảng # map()

Question

Tôi nhận được biên dịch lỗi thời gian với mã này:

const someFunction = async (myArray) => { 
    return myArray.map(myValue => { 
     return { 
      id: "my_id", 
      myValue: await service.getByValue(myValue); 
     } 
    }); 
}; 

Thông báo lỗi là:

await is a reserved word

Tại sao tôi không thể sử dụng nó như thế này ?

Tôi cũng đã cố gắng một cách khác, nhưng nó mang lại cho tôi cùng một lỗi:

const someFunction = async (myArray) => { 
    return myArray.map(myValue => { 
     const myNewValue = await service.getByValue(myValue); 
     return { 
      id: "my_id", 
      myValue: myNewValue 
     } 
    }); 
}; 

Answer 1

Bạn không thể làm điều này như bạn tưởng tượng, bởi vì bạn không thể sử dụng await nếu nó không phải là trực tiếp bên trong một chức năng async.

Điều hợp lý để làm ở đây là làm cho hàm được chuyển thành map không đồng bộ. Điều này có nghĩa là map sẽ trả về một loạt các lời hứa. Sau đó chúng tôi có thể sử dụng Promise.all để nhận kết quả khi tất cả các lời hứa trở lại. Vì chính bản thân số Promise.all trả về một lời hứa, chức năng bên ngoài không cần phải là async.

const someFunction = (myArray) => { 
    const promises = myArray.map(async (myValue) => { 
     return { 
      id: "my_id", 
      myValue: await service.getByValue(myValue) 
     } 
    }); 
    return Promise.all(promises); 
} 

Answer 2

Tôi tin rằng đó là bởi vì các chức năng trong map không phải là async, vì vậy bạn không thể có chờ trong nó return return. Nó biên dịch với sửa đổi này:

const someFunction = async (myArray) => { 
    return myArray.map(async (myValue) => { // <-- note the `async` on this line 
     return { 
      id: "my_id", 
      myValue: await service.getByValue(myValue) 
     } 
    }); 
}; 

Try it out in Babel REPL

Vì vậy ... nó không thể cung cấp cho giới thiệu mà không nhìn thấy phần còn lại của ứng dụng của bạn, nhưng tùy thuộc vào những gì bạn đang cố gắng để làm, hoặc làm cho nội chức năng không đồng bộ hoặc cố gắng tìm ra một số kiến ​​trúc khác nhau cho khối này.

Cập nhật: chúng tôi có thể nhận được cấp cao nhất đang chờ đợi một ngày nào đó: https://github.com/MylesBorins/proposal-top-level-await