React(11) bind()함수 이해하기

함수.bind(this될변수);

 

React에서 바인딩은 컴포넌트 - 이벤트메소드 사이를 연결하는 방법이다 

 

call, apply, bind는 첫번째 매개 변수로 this 값을 명시적으로 지정할 수 있다는 공통점이 있다.

bind는 ‘함수를 반환’한다는 독특한 특징이 있다.

 

bind()는 렌더 함수 안에서 컴포넌트인 자기자신 this를 가리킨다.

bind()를 사용 후 다시 한번 호출을 해줘야 함수 속 this를 원하는 객체로 지정한 후 값을 얻을 수 있다.

 

 

var obj = {name:'james'}; // obj 변수정의해주고

function bindTest(){ // bindTest 라는 함수정의
	console.log(this.name);
}
bindTest(); // this가 뭔지 몰라 undefined가 된다. 

var bindTest2 = bindTest.bind(obj); // bind()를 사용해서 bindTest()에서 this는 obj가 된다. 

bindTest2(); // 다시한번호출해야 동작한다. this.name === obj.name 이므로 james 출력