JavaScript_javascript 기술의 동기화 및 비동기성에 대해 간략하게 설명합니다.

1. 설명하기 위해 손으로 그림을 그립니다.

2. JavaScript가 단일 스레드인 이유(여기는 Ruan Yifeng 선생님의 인용문입니다)

JavaScript의 단일 스레드는 그 목적과 관련이 있습니다.

브라우저 스크립팅 언어인 JavaScript의 주요 목적은 사용자와 상호 작용하고 DOM을 조작하는 것입니다.

이는 단일 스레드만 가능하다고 판단합니다. 그렇지 않으면 매우 복잡한 동기화 문제가 발생합니다.

예를 들어 JavaScript에 동시에 두 개의 스레드가 있다고 가정합니다. 한 스레드는 특정 DOM 노드에 콘텐츠를 추가하고 다른 스레드는 노드를 삭제합니다. 이 경우 브라우저는 어떤 스레드를 사용해야 합니까?

복잡함을 피하기 위해 JavaScript는 탄생부터 단일 스레드를 사용했으며 이는 이 언어의 핵심 기능이 되었으며 앞으로도 변하지 않을 것입니다.

멀티 코어 CPU의 컴퓨팅 성능을 활용하기 위해 HTML5는 JavaScript 스크립트가 여러 스레드를 생성할 수 있도록 허용하지만 하위 스레드는 메인 스레드에 의해 완전히 제어되며 스레드를 작동해서는 안 되는 Web Worker 표준을 제안합니다. DOM.

따라서 이 새로운 표준은 JavaScript의 단일 스레드 특성을 바꾸지 않습니다.

포털: 자바스크립트 작동 메커니즘의 이벤트 루프(Event Loop)에 대한 자세한 설명

3. JavaScript의 비동기 구현은 어디에 있습니까

처음 그림과 같이 개인적으로 왼쪽의 메인 스레드는 동기식, 왼쪽의 이벤트 큐(메시지 큐)는 비동기식이라고 생각합니다.

물론 JavaScript에는 많은 비동기가 있습니다.

Ajax（XMLHttpRequest）
Image Tag，Script Tag，iframe（原理类似）
setTimeout/setInterval
CSS3 Transition/Animation
postMessage
Web Workers
Web Sockets
and more…