Breaking News: Grepper is joining You.com. Read the official announcement!

debounce typescript

Add Answer

Injury answered on March 7, 2022 Popularity 9/10 Helpfulness 5/10

answer debounce typescript

related debounce typescript

debounce typescript

Comments(1)

-1

const debounce = <F extends (...args: any[]) => any>(
  func: F,
  waitFor: number
) => {
  let timeout: ReturnType<typeof setTimeout> | null = null

  const debounced = (...args: Parameters<F>) => {
    if (timeout !== null) {
      clearTimeout(timeout)
      timeout = null
    }
    timeout = setTimeout(() => func(...args), waitFor)
  }

  return debounced as (...args: Parameters<F>) => ReturnType<F>
}

// Usage
const debounceCallback = () => {
  console.log('Debounce')
}

debounce<typeof debounceCallback>(debounceCallback, 500)

Popularity 9/10 Helpfulness 5/10 Language typescript

Source: Grepper

Tags: debounce typescript

Link to this answer
Share Copy Link

Contributed on Mar 07 2022

Injury

0 Answers Avg Quality 2/10

Closely Related Answers

debounce typescript

Comment

// DECLARE DEBOUNCE FUNCTION
debounce = <T extends (...args: any[]) => any>(
	callback: T,
	waitFor: number
) => {
	let timeout: ReturnType<typeof setTimeout>;
    return (...args: Parameters<T>): ReturnType<T> => {
      let result: any;
      timeout && clearTimeout(timeout);
      timeout = setTimeout(() => {
      	result = callback(...args);
      }, waitFor);
      return result;
    };
};
// USE DEBOUNCE FUNCTION
debounce((data) => {
	// DO THE JOB
	this.job(data);
}, 50)({"data":"myData"});

Popularity 9/10 Helpfulness 9/10 Language typescript

Source: Grepper

Tags: debounce debounc

Link to this answer
Share Copy Link

Contributed on Oct 04 2022

Tommy

0 Answers Avg Quality 2/10

debounce typescript

Comment

// Not the best, but doesn't have <any> types, 
// the `let timer` has, but the eslint won't complicate
export default function (fn: () => void, delay = 300) {
  let timer
  return (() => {
    clearTimeout(timer)
    timer = setTimeout(() => fn(), delay)
  })()
}

Popularity 9/10 Helpfulness 5/10 Language typescript

Source: Grepper

Tags: debounce debounc

Link to this answer
Share Copy Link

Contributed on Jun 28 2022

T-DaMER

0 Answers Avg Quality 2/10

debounce typescript

Contents

More Related Answers

debounce typescript

Closely Related Answers

debounce typescript

debounce typescript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.