Javascript on H&W

[Autodesk] 用 Promise 做防抖

Thu, 11 Aug 2022 11:53:41 +0800

基础防抖

const _debounce = (fn, delay, immediate = false) => {
  let timer;
  return (...args) => {
    const callNow = immediate && !timer;
    clearTimeout(timer);
    timer = setTimeout(() => {
      timer = null;
      if (!immediate) fn(...args);
    }, delay);
    if (callNow) fn(...args);
  };
};

带 Promise 的防抖

鼠标拖拽时如果频繁触发防抖，而被包装函数会调 API 并返回 Promise，通常只希望最后一次真正执行。Lodash 的 debounce 要求 func 必须是函数：

[Autodesk] 用 Promise 做防抖

Thu, 11 Aug 2022 11:53:41 +0800

基础防抖

const _debounce = (fn, delay, immediate = false) => {
  let timer;
  return (...args) => {
    const callNow = immediate && !timer;
    clearTimeout(timer);
    timer = setTimeout(() => {
      timer = null;
      if (!immediate) fn(...args);
    }, delay);
    if (callNow) fn(...args);
  };
};

带 Promise 的防抖

拖拽鼠标时若频繁触发防抖，而被包装函数会请求 API 并返回 Promise，往往只希望最后一次调用生效。Lodash 的 debounce 会校验 func 必须是函数：