javascript - 如何在异步功能上使用 debounce？

Question

如何debounce在async函数上使用？我的vue-app 中有一个方法，它从 API 中获取数据，该 API 连续调用我想要避免的 API。

这是我的方法：

methods: {
    async getAlbums () {
     const response = await AlbumService.fetchAlbums()
     this.albums = response.data.albums
    } 
}

我以前安装lodash过，我该如何实现呢？

Answer 1

Lodash 的debounce函数接受一个函数，等待时间并返回一个函数。

所以这样做：

methods: {
  getAlbums: _.debounce(async function() {
    const response = await AlbumService.fetchAlbums();
    this.albums = response.data.albums;
  }, 1000);
}