Блог

Я пытаюсь получить данные для хранения в функции, которая возвращает константу. Однако, если хранилище не задано, вместо него следует использовать другие данные.

Проблема, с которой я сталкиваюсь, заключается в том, что используются «другие» данные, поскольку хранилище еще не вернуло информацию.

Перемещение всей функции в .then() вызывает проблему: «Функция, объявленный тип которой не является ни «пустым», ни «любым», должна возвращать значение.ts». Я не могу понять, как это должно быть решено.

 generateMap(id: string, zoom: number): L.Map {
  let current_position = {
    latitude: 52.3702157,
    longitude: 4.8951679
  }

  Storage.get({ key: 'current_position' }).then((result) => {
    if (result.value != null) {
      current_position = JSON.parse(result.value);
    }
  });

  const map = L.map(id,
    {
      zoom: zoom,
      center: latLng({ lat: current_position.latitude, lng: current_position.longitude }),
    });

  return map;
}
 

Вы должны вернуть свой Promise из функции (и вместе с ней изменить тип возвращаемого значения):

 generateMap(id: string, zoom: number): Promise<L.Map> {
  let current_position = {
    latitude: 52.3702157,
    longitude: 4.8951679
  }

  return Storage.get({ key: 'current_position' }).then((result) => {
    if (result.value != null) {
      current_position = JSON.parse(result.value);
    }

    return L.map(id,
    {
      zoom: zoom,
      center: latLng({
        lat: current_position.latitude,
        lng: current_position.longitude
      }),
    });
  });
}
 

Который вам придется назвать так:

 generateMap(id, zoom).then((map) => {
  // here you'll have your map
});
 

Вы также можете использовать async/await , но это просто синтаксический сахар, так как ваш возвращаемый тип всегда будет a Promise , однако это повысит читабельность кода:

 async generateMap(id: string, zoom: number): Promise<L.Map> {
  const { value } = await Storage.get({ key: 'current_position' });

  const currentPosition = value != null
    ? JSON.parse(value)
    : { latitude: 52.3702157, longitude: 4.8951679 };

  return L.map(id,{
    zoom: zoom,
    center: latLng({
      lat: currentPosition.latitude,
      lng: currentPosition.longitude
    }),
  });
}