`setTimeout()` 없이 비동기 JavaScript 함수를 어떻게 만들 수 있나요?

Javascript의 비동기 함수: setTimeout() 없이 나만의 함수 만들기

click 이벤트와 같은 Javascript 이벤트 핸들러는 일반적으로 동기 방식으로 코드를 실행합니다. 그러나 백그라운드에서 코드를 실행할 수 있는 비동기 함수를 생성하려는 시나리오가 있습니다.

비동기의 의미를 이해하려면 제공된 코드 샘플을 고려하세요. 사용자가 "링크" 요소를 클릭하면 "Enter" 및 "Exit" 메시지가 콘솔에 즉시 기록됩니다. 그러나 애니메이션 기능의 일부인 "완료" 메시지는 비동기적으로 기록됩니다.

이 비동기 동작을 통해 애니메이션이 실행되는 동안 다른 코드를 실행할 수 있습니다. 따라서 기술적으로 애니메이션이 완료되기 전에 "종료" 메시지가 기록됩니다.

자신만의 비동기 함수를 생성하려는 경우 Javascript는 기본적으로 이를 수행하는 방법을 제공하지 않는다는 점에 유의하는 것이 중요합니다. 대신 비동기 실행을 기본적으로 지원하는 기술을 활용해야 합니다.

비동기 실행 기술:

• setInterval
• setTimeout
• requestAnimationFrame
• XMLHttpRequest
• WebSocket
• Worker
• HTML5 API(예: File API, Web Database API)
• 기술 onload 지원

예를 들어 jQuery의 애니메이션 함수는 실제로 비동기 실행을 위해 내부적으로 setInterval을 사용합니다.

따라서 이러한 기술을 활용하지 않고는 Javascript에서 진정한 맞춤형 비동기 함수를 만들 수 없지만, Javascript와 해당 라이브러리에서 제공하는 사용 가능한 도구를 활용하여 비동기 동작을 효과적으로 생성할 수 있습니다.

위 내용은 `setTimeout()` 없이 비동기 JavaScript 함수를 어떻게 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!