[Javascript] synchronous 와 asynchronous 차이

synchronous 와 asynchronous 차이

console.log(1);
console.log(2);
console.log(3);
/* 
	실행결과 : 
			 1
			 2
			 3
*/

자바스크립트에서 console.log를 실행하면 위에서 부터 아래로 순차적으로 실행 실행되는걸 알 수 있다. 즉 이런걸 동기적으로 실행된다라고 한다. 다시 말해 synchronous 라고 부른다.

console.log(1);
setTimeout(function () { console.log(2) }, 3000);
console.log(3);
/*
	실행결과 : 
			1
			3
			2
*/

코드를 살펴보면 setTimeout 함수로 인해 3초후 console.log(2)가 실행 되는걸 알 수 있다. 즉 3이 먼저 실행된후 2가 실행된다. 이렇게 순차적으로 실행되지 않고 각자 자신의 실행 방법의 따라 실행되는 것을 비동기적이라고 하면 asynchronous라고 부른다.

비동기는 어떤 명령을 사용할 때 그 명령이 언제 종료될지 모를때 사용하며 주로 서버와 통신할 때 사용한다.

예를 들면 웹 페이지에서 비동기를 사용하지 않고 동기적으로 사용할 경우 코드를 다 읽기 전 다른 동작을 실행하려고 할 경우 웹 페이지가 전부 보여지지 않는다 그렇기 때문에 동기적으로 실행하기 보다 비동기적으로 실행해야 각자 자신의 작업만 실행해 다른 동작을 하고 있어도 웹페이지가 전부 보여진다.