scroll 관련 이벤트를 사용할 때 함수가 너무 많이 실행되는 부하를 부하를 줄이기 위해서 사용할 수 있다.

<script
	src="<https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js>"
	integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ=="
	crossorigin="anonymous"
></script>

일정 시간을 등록해서 정해진 시간에 몇 차례만 함수를 호출하도록 처리해 부하를 줄인다.

window.addEventListener(
	'scroll',
	_.throttle(function () {
		console.log('scroll!');
	}, 300)
);