콜백함수 callback function
다른 함수에게 전달되어 나중에 실행되도록 하는 함수를 말함.
매개변수로 전달하는 함수.
자바스크립트는 함수도 하나의 자료형이므로 매개변수로 전달 할 수 있음.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function callThreeTimes (callback) {// 함수 실행으로 for 반복문을 돌면서 i 를 callback 으로 넘겨줌
for (let i = 0; i < 3; i++) {
callback(i); // callback = print = console.log(`${i}번째 함수 호출`)
}
}
function print(i) { // i 를 받아 해당 값을 콘솔에 출력
console.log(`${i}번째 함수 호출`);
}
//함수를 호출
callThreeTimes(print); // 매개변수로 함수를 전달, 함수를 매개변수로 사용할 경우 ()는 제외.
콜백 함수로 익명함수 사용하기
function callThreeTimes (callback) {// 함수를 선언
for (let i = 0; i < 3; i++) {
callback(i);
}
}
//함수를 호출 다른언어에서는 낯선 방법이나 자바스크립트에서는 자주 사용
callThreeTimes(function (i) {
console.log(`${i}번째 함수 호출`);
});
</script>
</head>
<body>
</body>
</html>
