promise前端防抖

前端防抖是一种常用的技术，用于减少事件触发的频率，防止频繁触发回调函数。在Promise中实现前端防抖的方法如下：

function debouncePromise(fn, delay) {
  let timerId;

  return function (...args) {
    return new Promise((resolve, reject) => {
      clearTimeout(timerId);

      timerId = setTimeout(() => {
        try {
          const result = fn.apply(this, args);
          resolve(result);
        } catch (error) {
          reject(error);
        }
      }, delay);
    });
  };
}

这个 `debouncePromise` 函数接受两个参数：`fn` 是要防抖的函数，`delay` 是延迟时间。它返回一个新的函数，每次被调用时会设置一个定时器，在延迟时间内没有再次调用时，才会执行原始函数，并返回一个Promise对象。

你可以将要防抖的函数作为参数传递给 `debouncePromise` 函数，然后调用返回的函数来进行防抖处理。这样做可以确保在一段时间内只触发一次函数执行，减少不必要的计算和请求，提高性能和用户体验。

示例用法：

// 要防抖的原始函数
function fetchData() {
  // 异步操作，例如发送请求获取数据
  // ...
}

// 使用防抖包装原始函数
const debouncedFetchData = debouncePromise(fetchData, 500);

// 调用防抖函数
debouncedFetchData().then((result) => {
  // 处理结果
}).catch((error) => {
  // 处理错误
});

在上述示例中，`fetchData` 是需要防抖的原始函数，通过 `debouncePromise` 包装后返回的 `debouncedFetchData` 函数来进行防抖处理。每次调用 `debouncedFetchData` 函数时，都会延迟一段时间后执行 `fetchData` 函数，并返回一个Promise对象来处理异步结果。

注意，这里使用了箭头函数和展开运算符来传递参数，确保原始函数的参数能正确传递给防抖函数和回调函数。你可以根据实际需求进行调整和修改。