WEB/JavaScript

[JavaScript] 콜백함수 구조를 사용하는 이유

bay07 2024. 4. 18. 11:30

1. 함수의 재사용성 측면 

함수를 호출하는 코드에서 
콜백 함수의 동작을 자유롭게 변경할 수 있다 

예를 들어, map 함수는 
콜백 함수를 인자로 받아 
배열의 각 요소를 순회하며 콜백 함수를 실행한다

이때, 콜백 함수는 각 요소를 변환하는 로직을 담당하므로
map 함수를 호출하는 코드는
간결하고 가독성이 높아진다 

 

2. 비동기적 측면

setTimeout 함수는 콜백 함수를 인자로 받아 
일정 시간이 지난 후에 실행된다 

이때, setTimeout 함수는 비동기적으로 콜백 함수를 실행하므로,
다른 코드의 실행을 방해하지 않는다