Callback, =>

* 영어표기가 디폴트, 이하 한글표기

* Angular 기준

---

Callback, =>(화살표 함수)

 

0. 동기, 비동기 (Synchronous / Aynchronous) 개념을 알고 있어야 한다.

대충 봐서 정리 필요함....

- Callback 은 비동기

- 그래서 필요할때만 호출 가능! 어떠한 다른 일을 병행해도 상관없음. 순차 X 약간 캡슐 개념인듯

 

1. 그래서  Callback 이 뭔가요?

- 간단하게, 함수를 재사용하기 위해 필요한 함수

- 함수 안에 또 다른 함수

let testA(a, b, callback) {

   return callback (a+b)

};

let testResult(value) {

   console.log(value)

};

this.test(3, 4, testResult)

 

1). this.test(3, 4, testResult) 에서, testA 함수 호출

      a = 3, b = 4, callback = testResult

2). callback 을 통해, testResult 함수 호출

     callback(a + b) = testResult(value),

     value = a + b = 7

     console.log(value)    → 7

 

따로 함수를 정의하지 않고 간편하게 사용할 수 있어서 사용하는 것 같다.

---

=> 

- 람다식, 람다표현식, 다람쥐 아님. 익명 함수를 좀 더 간단히 표현한다는 의미임

- 이런 맥락에서 Callback 함수와 화살표 함수는 약간 비슷한 느낌

- this 를 사용 안하는데. Javascript 에서 발생하는 애매한 부분을 해결해준다고 한다.

  나는 Angular - Typescript 라서. 잘 정의가 되어있단 말이지.

 

대강  function() { ... }  과  () => { ... } 이 동일한 표현이다.

setTime 함수에서 종종 봤는데

((x) => { ...}, 5000)     → 5초마다 한번씩 { ... } 한다.

앞으로는 잘 써보고싶네

---