- callback함수
: callback은 쉽게 말하자면 어떤 일을 다른 객체에게 시키고, 그 일이 끝나는 것은 기다리지 않고 끝나고 부를 때까지 다른 일을 하는 것을 말합니다.
그렇기 때문에 non-block 이며, 비동기 방식 의 함수를 사용합니다.
- 함수에 인자로 전달되는 함수. 즉 파라미터형태로 함수에 들어가게 됨
- 순차적으로 코드를 실행하고 싶을 때 씀
- 다른데서 만든 함수도 집어 넣을 수 있음
- 콜백함수는 addEventLister, setTimeout과 같이 특정한 함수에만 넣어 사용
callback 함수를 쓰는 이유?
-
만약 node.js를 쓰면서 콜백을 받아야 하는 상황에 callback 함수를 사용하지 않는다면 콜백 함수의 과정이 끝나기 전에 다음 프로세스가 진행될 수 있음.
-
이를 막기 위해 차례대로 수행하기 위해 callback 함수를 사용해야 함.
1.예제코드(addEventLister)
ex) 버튼 누르면 이 코드를 실행해주세요
document.querySelector('.button').addEventLister('click', function() {
})
document.querySelector('.button').addEventLister('click', 함수명)addEventLister라는 함수에 파라미터로 function 함수를 넣음
여기서 function을 콜백함수라고 하고 이 안에 코드를 넣음으로써 버튼 클릭 시 해당 코드를 바로 실행 시켜 줌
2.예제코드(setTimeout)
- setTimeout
setTimeout(function() {
}, 1000)1초 후에 어떤 동작을 실행해 주세요
3.예제코드(함수 호출)
function first(parameter) {
console.log(1)
parameter()
}
function second() {
console.log(2)
}
first(second)first라는 함수 실행하는데 parameter()에 second()를 넣어 실행
