FilesExpand file tree

 main

/

debounce.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

32 lines (27 loc) · 1.16 KB

 main

/

debounce.js

Copy path

Top

File metadata and controls

• Code
• Blame

32 lines (27 loc) · 1.16 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

// Originally inspired by David Walsh (https://davidwalsh.name/javascript-debounce-function)

// Returns a function, that, as long as it continues to be invoked, will not

// be triggered. The function will be called after it stops being called for

// `wait` milliseconds.

const debounce = (func, wait) => {

let timeout;

// This is the function that is returned and will be executed many times

// We spread (...args) to capture any number of parameters we want to pass

return function executedFunction(...args) {

// The callback function to be executed after

// the debounce time has elapsed

const later = () => {

// null timeout to indicate the debounce ended

timeout = null;

// Execute the callback

func(...args);

};

// This will reset the waiting every function execution.

// This is the step that prevents the function from

// being executed because it will never reach the

// inside of the previous setTimeout

clearTimeout(timeout);

// Restart the debounce waiting period.

// setTimeout returns a truthy value (it differs in web vs Node)

timeout = setTimeout(later, wait);

};

};