[CS] 콜백함수

✅ 콜백함수는 다른 함수의 파라미터로써 전달되는 함수입니다. 콜백함수는 비동기 자바스크립트 코드를 작성할 수 있게끔 도와줍니다.

0. intro

• 자바스크립트에서 함수는 객체
• 함수의 파라미터로 객체를 전달할 수 있음

function print(callback) {
	callback();
}

// print 함수는 다른 함수를 파라미터로 받아서 내부에서 그것을 호출하고 있음
// 자바스크립트에서는 가능한 방법 
// 다른 함수의 파라미터로써 전달되는 함수 => "콜백"

1. 콜백함수

• 다른 함수의 파라미터로써 전달되는 함수

2. 콜백함수가 필요한 이유?

• 콜백은 비동기 자바스크립트 코드를 작성할 수 있게 해줌
  • 자바스크립트는 코드를 위 → 아래로 순차적으로 실행
  • 하지만 순차적으로 실행되지 않을 수도 있고, 다른 행위가 일어난 뒤에 실행되기도 함 ⇒ 비동기 프로그래밍

3. 콜백함수 만드는 방법

• 3초 뒤에 콘솔에 로그 찍기

  // 외부에서 함수 정의 후 setTimeout함수의 콜백함수로 사용하기
  const message = function() {
  	console.log("this message is shown after 3 seconds");
  }
  
  setTimeout(message, 3000);

  // 함수 내부에 직접 정의하기
  setTimeout(function() {
  	console.log("this message is shown after 3 seconds");
  }, 3000);
  

  // 화살표 함수 형태
  setTimeout(() => {
  	console.log("this message is shown after 3 seconds");
  }, 3000);