프로그래밍 공부 일기

2020년 6월 13일 Progate Lv.87
자바스크립트 Ⅶ

콜백 함수란?

JavaScript에서는, 인수에 함수를 건네줄 수가 있어, 인수에 건네지는 함수를 콜백 함수라고 한다. 함수의 호출시에 건네지는 함수의 종류에는, 캐릭터 라인이나 수치, 진위치, 함수가 있다.

const print =() => {
  //処理
}
const call = (callback) => {  //callbackは引数名。関数printが代入される。
  //処理
}
call(print);  //printは関数名。関数printを引数に渡す。

함수는 함수 이름 뒤에 ()를 붙이면 호출되며 ()를 붙이지 않으면 함수 자체를 가리킨다. (위의 예를 사용하면 print() 그렇다면 함수가 호출되지만 print라고하면 함수 자체입니다.)

미리 정의한 함수

const print =() => {
  console.log("Hello World");
};
const call = (callback) => {
  console.log("コールバック関数を呼び出す");  //2.printをcakkbackに代入
  callback();   //3.関数callbackを呼び出す
};
callback(print);  //1.引数にprintを渡し関数callを呼び出す

콘솔 결과는
콜백 함수를 호출한다.
"Hello "World""

함수를 직접 인수에 정의

여기까지는 미리 정의한 함수를 콜백 함수로서 건네주고 있었지만. 함수는 직접 인수에 정의 될 수도 있습니다.

직접 인수에서 정의한 함수

const call = (callback) => {  //2.printをcakkbackに代入
  console.log("コールバック関数を呼び出す");
  callback();  //3.関数callbackを呼び出す
};
//1.引数で関数を定義して関数callを呼び出す
call()=> {
  console.log("Hello World");
});

콜백 함수도 일반 함수와 마찬가지로 인수를 전달할 수 있습니다.

일반 함수

 const introduce = (name) => {
  console.log(name);
};
introduce("田中太郎"); //コンソール結果は「田中太郎」

콜백 함수

const introduce = (callback) => {
  callback=("田中太郎");
};
introduce(name) => {
  console.log(name);  //コンソール結果は「田中太郎」
});

또한, 복수의 인수를 건네주는 것도 가능하다.

const introduce = (callback) => {
  callback=("田中太郎",24);
};
introduce((name,age)) => {
  console.log(`$(name)は$(age)歳です`);  //コンソール結果は「田中太郎は24歳です」
});