[JavaScript] 자바스크립트 CallBack

자료들을 찾아보던 중 callback 이라는 단어가 보여서 대충 뭔가 부르는 뜻인가보다 라고 생각하면서 있었는데 어느순간 궁금해져서 공부해보게 됐다.

 

자바스크립트는 이벤트 기반 언어이기 때문에 다음 명령을 실행하기 전에 다른 이벤트를 계속해서 실행시킨다
=>병렬적으로 작동하는 방식인듯? 이라고 생각했으나

=> 비동기 작업을 효율적으로 처리하기 위해 이벤트 루프와 태스크 큐를 사용하여 단일 스레드에서 비동기 작업을 순차적으로 실행한다고 한다.

=>순차적으로 실행하기 때문에 병렬작업이 아님!

 

밑은 예시

한줄씩 읽기 때문에 first() 함수부터 출력됨

 

다른 예시

함수 안에 또 하나의 함수가 존재할 경우

 

first 함수 안에 setTimeout 이 존재한다 때문에 setTimeout 함수부터 호출하고 first() 를 호출한다

때문에 first()를 먼저 호출한다 쳐도 second() 가 먼저 호출이 된다!

요런느낌이랄까

콜백 함수에 대해 정리해봤다

 

출처:https://velog.io/@janeshin059/JavaScript-Callback-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-Callback-%EC%A7%80%EC%98%A5%EC%9D%B4%EB%9E%80

[JavaScript] - Callback 이해하기, Callback 지옥이란?😱