javascript-16: callback

call back

• 정의 : (함수에 파라미터로 들어가는 함수)
• 용도 : 순차적으로 실행하고 싶을 때 씀

class counter {
  constructor(runevery) {
    this.counter = 0;
    this.callback = runevery;
  }
  increase() {
    this.counter++;
    console.log(this.counter);
    if(this.counter % 5 === 0) {
      this.callback(this.counter);
    }
  }
}
function print() {
  console.log("yo!");
}
const bbcounter = new counter(print);
bbcounter.increase();
bbcounter.increase();
bbcounter.increase();
bbcounter.increase();
bbcounter.increase();

콜백함수 메서드

1.forEach(_)

const 배열 = [52, 273, 103, 32];
배열.forEach(function(value, index) {
    console.log(`${index}번째 값은 ${value}입니다.`);
})

배열.foreEach(value, index) => console.log(`${index}번째 값은 ${value}입니다.`);

2. for of

const 테스트 = function(배열, 콜백함수) {1
  for (const 값 of 배열) {
    콜백함수(값)
  }
}
const 함수 = function(콜백함수의매개변수) {
  console.log(`${콜백함수의매개변수}번째, 안녕하세요`);
}
테스트([52, 273, 103, 32], 함수)

3. .filter

let 배열 = [1,2,3,4,5,6,7,8];
배열 = 배열.filter(function (value, index) {
  return value % 2 === 0
})
console.log(배열);

3. 배열.map

let 배열 = [1,2,3,4,5,6,7,8];
배열 = 배열.map(function (value, index) {
  return value + "!!"
})
console.log(배열);