사용자 정의 구현이 포함된 JavaScript의 간단한 제한

JavaScript로 작업할 때 함수 실행 속도를 제어하는 ​​것이 중요할 수 있습니다. 스로틀 기능은 함수 호출 빈도를 제한하여 과도한 처리 또는 반복적인 사용자 작업을 방지합니다.

이 게시물에서는 Lodash 또는 Underscore와 같은 외부 라이브러리에 의존하지 않고 이를 달성하기 위한 간단한 사용자 정의 스로틀 기능을 제시합니다.

제공된 스로틀 기능은 작동하지만 바람직하지 않은 동작을 나타냅니다. 즉, 스로틀 시간 이후에 기능을 다시 실행합니다. 이로 인해 특히 키 누르기 이벤트와 같은 시나리오에서 의도하지 않은 함수 호출이 발생할 수 있습니다.

이 문제를 해결하려면 Underscore.js 또는 Lodash와 같은 확립된 라이브러리에서 잘 테스트된 코드를 기반으로 스로틀 기능을 구현하는 것이 좋습니다. 다음은 참고용으로 약간 수정된 Underscore throttle 코드 버전입니다.

function throttle(func, wait, options) {
  // ...
}

그러나 보다 맞춤화되고 가벼운 접근 방식을 선호하는 경우 다음과 같은 단순화된 조절 기능을 고려하십시오.

function throttle (callback, limit) {
  // ...
}

이 기본 기능은 추가 구성 옵션 없이 기능 실행을 제한하는 간단한 방법을 제공합니다.

사용자 정의 옵션과 오픈 소스 옵션을 모두 제공함으로써 우리는 다양한 코딩을 수용하기 위해 노력하고 있음을 기억하십시오. 기본 설정 및 프로젝트 요구 사항.