电容存储时序问题

Question

我正在尝试在返回常量的函数中获取存储数据。但是，当没有设置存储时，应该使用不同的数据。

我遇到的问题是使用了“其他”数据，因为存储尚未返回信息。

在 .then() 中移动整个函数会导致问题：“声明类型既不是 'void' 也不是 'any' 的函数必须返回 value.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;
}

Answer 1

您必须从函数中返回您的 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，但这只是语法糖，因为您的返回类型始终是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
    }),
  });
}