[JavaScript] 콜백 함수, 한 문장으로 정리

🔎 새로운 section에 들어가기 앞서
다시 한번 콜백함수의 중요성이 강조되었는데, 타인에게콜백 함수가 무엇인지 설명할 정도로 제대로 알지 못하는 것 같아 간단하게 한 문장으로 정의와 용도를 정리하고자 한다.

콜백 함수 정의
✅ 함수에 전달인자(파라미터)로 들어가는 함수

콜백 함수 용도
✅ 순차적으로 실행하고 싶을 때 사용

콜백 함수 특징
✅ 다른 곳에서 만든 함수도 콜백함수로 넣을 수 있다
✅ 콜백함수에 함수명 작명할 수 있다
✅ 콜백함수가 필요한 함수들에만 콜백함수 사용 가능하다

콜백 함수는 ?

<script>
document.queryselector('.button').
addEventListener('click',function(){
})
setTimeout(function(){
}, 1000)
</script>

→ function()로 총 2개의 콜백 함수가 있다

first()함수 다음에 second()함수를 실행하고 싶다면 ?

<script>
function first(parametor){
console.log(1)
parametor()
}
function second(parametor){
console.log(2)
}
first(second)
</script>

→ 순차적으로 실행한다