Commit ad64947

authored

Merge pull request #259 from WizardOfDigits/main

feat(feature): add throttle function to limt function calls within a ...

2 parents 2b10de9 + 868b59d commit ad64947Copy full SHA for ad64947

File tree

+26

-0

lines changed

+26

-0

lines changed

Lines changed: 26 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,26 @@`
	`1`	`+---`
	`2`	`+title: Throttle Function`
	`3`	`+description: Ensures a function is only called at most once in a specified time interval. Useful for optimizing events like scrolling or resizing.`
	`4`	`+author: WizardOfDigits`
	`5`	`+tags: throttle,performance,optimization`
	`6`	`+---`
	`7`	`+`
	`8`	+```js
	`9`	`+const throttle = (func, limit) => {`
	`10`	`+ let inThrottle;`
	`11`	`+ return (...args) => {`
	`12`	`+ if (!inThrottle) {`
	`13`	`+ func(...args);`
	`14`	`+ inThrottle = true;`
	`15`	`+ setTimeout(() => (inThrottle = false), limit);`
	`16`	`+ }`
	`17`	`+ };`
	`18`	`+};`
	`19`	`+`
	`20`	`+// Usage:`
	`21`	`+// Ensures the function can only be called once every 1000 milliseconds`
	`22`	`+const logScroll = throttle(() => console.log("Scroll event triggered"), 1000);`
	`23`	`+`
	`24`	`+// Attach to scroll event`
	`25`	`+window.addEventListener("scroll", logScroll);`
	`26`	+```

Comments

(0)