JavaScript에서 디 바운싱이란 무엇입니까?

JavaScript에서 디바운싱이란 함수가 실행될 수 있는 속도를 제어할 수 있음을 의미합니다. 디바운싱을 함수가 실행할 수 있는 한계를 제어하는 ​​데 사용되는 고차 함수로 생각할 수도 있습니다.

디바운스 만들기

function _debounce(cb, delay) {
 let time; 
 return function() {
  clearTimeout(time); 
  time = setTimeout(cb, delay); 
 }
} 

디바운스 사용

userNameInput.addEventListener(
  "keyup", 
  _debounce(checkUser, 500); 
 ); 

키를 누를 때마다 checkUser가 500ms 후에 트리거됩니다.

근데 왜 디바운싱 🤔

웹 페이지에서 SEARCH를 수행하는 동안 사용됩니다.

전. 사용자가 타이핑을 시작하면 세 글자 후에 DB를 눌러 검색 결과를 가져옵니다. 그러나 사용자가 더 빨리 입력하는 경우 데이터를 가져오는 경쟁 조건이 될 수 있습니다. 따라서 적절한 순서로 이를 얻으려면 디바운싱을 사용해야 합니다.

아마 알고 계실 것입니다:

창 크기 조정 이벤트

스크롤 이벤트

자동 저장 기능

입력 검색 기능

🤔읽어주셔서 감사합니다 | 행복한 코딩 🍞

이번 주에 내가 게시한 놀라운 기사와 몇 가지 제안 또는 발표에 대한 주간 뉴스레터를 받으세요. Here에서 구독