JavaScript

동기(synchronously) 비동기(asynchronously) 호출 - JavaScript

파란배개 2020. 9. 29. 09:30

blocking vs non-blocking

blocking = 내가 이거 다 끝날 때까지 다 멈추고 기다리고 있어!

non-blocking = 난 이거 하고 있을 테니까 딴거 하고 있어!

 

전화와 문자의 차이

비동기의 주요 사례
-DOM Element의 이벤트 핸들러
 =마우스, 키보드 입력(click, keydown 등)
 =페이지 로딩(DOMContentLoaded 등)

-타이머
 =타이머 API(setTImeout 등)
 =애니메이션 API(requestAnimationFrame)


-서버에 지원 요청 및 응답
 =fetch API
 =AJAX(XHR)

 

Philip Roberts Help I'm stuck in an event loop 참고

www.youtube.com/watch?v=6MXRNXXgP_0