콜백함수 (callback)

JYR00·2022년 12월 29일
0

React

목록 보기
2/4

수업 시간 때 콜백 함수라는 단어가 사용되었다.
자바스크립트에서는 함수를 object라고 부른다. 함수는 다른 함수의 인자로 사용될 수 있고 다른 함수에 의해 리턴될 수 있다. 함수 안에서 실행되는 또 다른 함수라고 할 수 있다. 또한 어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출되는 함수라고도 할 수 있다.

function getData(){
    // 콜백 함수 선언 new Promise
    return new Promise(function(resolve,reject){ // 성공시 .then resolve값을 실패시 .catch reject 값을 보여준다
        const data = 100;

        resolve(data); //프로미스 사용 반환 값 : 100 // 100을 넣어 출력
        // reject(data); //프로미스 사용 오류 시 출력 : 100
    });
}

https://satisfactoryplace.tistory.com/18
위 블로그 참조

1. 다른 함수의 인자로써 이용되는 함수.

첫 번째 코드

// 콜백함수
function meaningOfLife() {
    log("The meaning of life is: 42");
}


// A method which accepts a callback method as an argument
// takes a function reference to be executed when printANumber completes
function printANumber(int number, function callbackFunction) {
    print("The number you provided is: " + number);
}

// Driver method
// meaningOfLife()가 매개변수로 사용되었다
function event() {
   printANumber(6, meaningOfLife);
}

두 번째 코드

//hello!
function printHello(){
 print('hello');
}
//bye!
function printBye(){
  print('bye');
}

//특정 함수를 매개변수로 받아서 3초 뒤에 실행하는 함수
function sleepAndExecute(sleepTimeSecond, callback){
  //sleepTimeSecond 초 만큼 대기
  sleep(sleepTimeSecond);
  //전달된 callback 실행
  callback();
}

//3초 뒤에 hello 출력하기. printHello()가 매개변수로 사용됨
sleepAndExecute(3, printHello);

//5초 뒤에 bye 출력하기
sleepAndExecute(5, printBye);

2. 어떤 이벤트에 의해 호출되어지는 함수.

function onCableConnected(){
	print("케이블이 연결되었습니다");
};

//케이블이 연결될 때 마다 전달된 onCableConnected가 호출된다고 가정
setOnCableConnected(onCableConnected);

setOnCableConnected인 상태가 되면 onCableConnected()가 실행이 된다.

in other words "called at the back" of the other function.













0개의 댓글