在JS的异步正确使用和等待？

Question

import Firebase from './Firebase'
import videoManager from './videoManage';

   async function getAllDatabaseLocations() {
        await let ref = Firebase.database().ref("locations")
        var user_locations = [];
        ref.on("value", function (snapshot) {
            snapshot.forEach(function (datas) {
                const data = datas.val();

                vid_manage = new videoManager(data.videourl);
                vid_ref = vid_manage.getLocationVideoUrl();
                vid_ref.getDownloadURL().then(function (url) {
                    videourl = url;
                   }).catch(function (error) {
                });
                let lokation = data.lokation;
                let videourl = data.videourl;
                let openinghours = data.openinghours;
                let links = data.links;

                let Lokationer = {
                    lokation: lokation,
                    videoUrl: videourl,
                    openingshours: openinghours,
                    links: links
                };

                console.log("Location objects are: ", Lokationer);
                user_locations.push(Lokationer);
                // location_obj.push(Lokationer);

            });                
        });
        return user_locations;
    }

export default getAllDatabaseLocations;

此方法始终返回一个空数组，即使循环内打印控制台如我所料？如何使用异步和等待属性，以便与所有Lokationer它内部的对象返回数组。

Answer 1

你需要返回，因为异步ref.on("value")回调的新承诺。

function getAllDatabaseLocations() {
  return new Promise(resolve => {
    ref.on("value", function (snapshot) {
      ...
      // when done filling the array
      resolve(user_locations);
    });
  });
}

const userLocations = await getAllDatabaseLocations(); // user_locations