TIL] JavaScript-Callback 함수(코어 자바스크립트)
🌼 Callback 함수?
Callback 함수는 다른 함수의 인자로 넘겨주면서 그 제어권도 같이 위임한 함수이다. Callback 함수를 위임받은 함수는 자체 내부 로직에 따라서 Callback 함수를 적절한 시점에 실행한다.
🌻 제어권
콜백함수의 제어권을 넘겨받은 코드는 콜백 함수를 호출할 때 인자에 어떤 값들을 어떤 순서로 넘길 것인지에 대한 제어권을 갖는다.
/*Callback 함수를 호출하는 주체가 사용자가 아닌 map 메서드이므로
인자에 어떤 값을 전달할지는 전적으로 map 메서드에 달렸다.*/
const arr = [10, 20, 30];
let newArr = arr.map((currentValue, index) => (
console.log(currentValue, index)
));
// 10 0
// 20 1
// 30 2
let newArr = arr.map((index, currentValue) => (
console.log(currentValue, index)
));
// 0 10
// 1 20
// 2 30
🌻 콜백 함수는 함수이다.
콜백 함수로 어떤 객체의 메서드를 전달하더라도 그 메서드는 메서드가 아닌 함수로서 호출한다.
콜백함수로 전달된 메서드는 this를 별도로 바인딩하지 않는 한 전역객체를 this로 갖는다.
- Callback 함수의 this로 다른 값을 바인딩하기 위해서 bind 메서드를 사용할 수 있다.
출처: 코어 자바스크립트
Author And Source
이 문제에 관하여(TIL] JavaScript-Callback 함수(코어 자바스크립트)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@link717/TIL-JavaScript-Callback-함수코어-자바스크립트저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)