[JavaScript] 동기식 처리 모델 vs 비동기식 처리 모델

(1) 동기식 처리모델

- 직렬적으로 task를 수행한다.

- 순차적으로 실행되며 다음 작업은 대기하게 된다. (순차적 코드 진행)

function a() {
  console.log('a');
  b();
}
 
function b() {
  console.log('b');
  c();
}
 
function c() {
  console.log('c');
}
 
a(); // a->b->c 순차적 진행

(2) 비동기식 처리 모델

- 병렬적으로 task 수행한다.

- task가 끝나지 않더라도 대기하지 않고 다음 작업을 진행한다. (코드가 순차적을 진행되지 않는다.)

- 콜백함수는 즉시 실행이 되지 않고 기다리게 된다.

- 대표적인 예 : setTimeout()

console.log('1');

setTimeout(function() {
	console.log('2');
}, 3000);

console.log('3');

//순서 : 1 -> 3 -> 2