자바스크립트 동기화란 무엇을 의미하나요?-프런트엔드 Q&A-php.cn

자바스크립트 동기화란 무엇을 의미하나요?

WBOY

풀어 주다： 2022-01-19 16:29:07

원래의

1902명이 탐색했습니다.

JavaScript에서 동기화는 이전 작업이 완료된 후 다음 작업을 실행하는 것을 의미합니다. 프로그램 실행 순서는 작업 순서와 일치합니다. JS 언어의 주요 특징은 단일 스레드이며 하나만 수행할 수 있다는 것입니다. 한 가지 일은 한 가지 일이 끝난 후에야 다음 일을 할 수 있다는 뜻입니다.

자바스크립트 동기화란 무엇을 의미하나요?

이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript 동기화란 무엇을 의미하나요?

S 언어의 주요 특징은 단일 스레드이며 동시에 한 가지 작업만 수행할 수 있다는 것입니다. 한 가지 일이 끝나면 다음 일을 할 수 있다는 뜻이다.

HTML5는 JavaScript 스크립트가 여러 스레드를 생성할 수 있도록 하는 Web Worker 표준을 제안합니다. 그래서 동기식과 비동기식이 있습니다.

동기화:

이전 작업이 완료된 후 다음 작업을 실행합니다. 프로그램 실행 순서는 작업 순서와 일관되고 동기화됩니다.

비동기:

한 가지 일을 하면서 다른 이벤트를 처리할 수 있습니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>同步和异步</title>
</head>
<body>
    <script>
        console.log(&#39;第一条语句&#39;);
        setTimeout(function(){
            console.log(&#39;第二条语句&#39;);
        },5000)
        console.log(&#39;第三条语句&#39;);
    </script>
</body>
</html>

로그인 후 복사

결과 출력시 첫 번째 문장이 먼저 출력되고, 그다음 5초를 기다린 후 세 번째 문장, 두 번째 문장이 출력됩니다.

동기식과 비동기식의 차이점은 파이프라인의 각 프로세스의 실행 순서가 다르다는 것입니다

타이머 시간이 0일 때 어떤 인쇄 순서가 될까요? 위 프로그램의 타이머 시간을 0으로 변경하고 프로그램을 실행하여 출력 순서가 변경되지 않았음을 확인합니다.

JS는 모든 작업을 동기 작업과 비동기 작업의 두 가지 범주로 나눕니다.

동기 작업은 메인 스레드에서 실행되어 실행 스택을 형성하며 콜백 함수를 통해 구현됩니다.

일반적인 비동기 작업에는 세 가지 유형이 있습니다.

일반 이벤트: 클릭, 크기 조정 등

로드, 오류 등의 리소스 로딩

setInterval, setTimeout 등을 포함한 타이머

먼저 실행 스택에서 동기 작업을 실행하고 비동기 작업을 작업 큐에 넣습니다. 실행 스택의 모든 동기 작업이 완료되면 시스템은 작업 큐의 비동기 작업을 순서대로 읽습니다. 읽기 비동기 작업은 대기 상태를 종료하고 실행 스택에 들어갑니다.

관련 권장 사항: javascript 학습 튜토리얼