callback()

---

  [ 초보자의 콜백 함수 ]  

 

정의 : 함수에 파라미터로 들어가는 함수

용도 : 함수를 순차적으로 실행하고 싶을 때 사용한다.

document.querySelector(".button").addEventListener("click", function () {
    console.log("버튼을 눌렀을 때 함수를 실행 시켜주기 때문에 순차적임")
});

setTimeout(function() {
    console.log("1초 후에 함수를 실행 시켜주기 때문에 순차적임")
}, 1000)

 

특징
- 파라미터에 함수를 넣을 때 다른 곳에서 정의된 함수도 콜백 함수에 넣을 수 있다.

- 콜백 함수에 함수를 만들 경우 쓸데없이 함수명 작성 할 수 있다.

- 콜백 함수가 필요한 함수들만 콜백 함수를 사용 할 수 있다. 

(ex addEventListener, setTimeout)

---

  [ 중급자의 콜백 함수 ]  

 

용도 : 함수를 순차적으로 실행하고 싶을 때 사용한다.

function first(파라미터){
  console.log("first")
  파라미터();
}

function second() {
  console.log("second")
}

first(second);