콜백 함수

eunji lee·2022년 6월 23일
0

자바스크립트

목록 보기
4/5

콜백 함수

-다른 코드에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수

콜백 함수에서 this 바인딩

-Array.map 의 경우, 아래와 같이 구성되어 있음.
Array.map(callback, thisArg)

콜백 함수는 함수다

-함수로 실행되는 것이기 때문에 this 바인딩이 명시적으로 이뤄지지 않는다면, 전역객체를 this 에 바인딩한다.

var obj = {
	vals:[1,2,3],.
    fuc:fucntion(v,i){
    console.log(this,v,i)
    }
}
//(1) 메서드를 넘긴 경우
[1,2,3].foreach(obj.fuc) 

//(2) 메서드 호출 

obj.fuc(1,2)

(1)의 this 값은 window. (콜백함수도 어디까지나 함수이기때문에, this 바인딩이 명시되지 않았기때문에)

[1,2,3].foreach(obj.fuc, obj) 

위처럼 this를 명시적으로 바인딩 해줘야한다.

https://maxkim-j.github.io/posts/react-component-this
리액트의 this 바인딩

profile
안녕하세요! 이은지 입니다.

0개의 댓글