생활코딩 react (16.4-이벤트 bind 함수 이해하기)

# React-16.4. 이벤트 bind 함수 이해하기

 

* 바인딩 : bind는 함수밖에 선언한 정보를 참조할 수 있도록 함수에 주입해준다

 - 개발자 도구 콘솔 테스트

// bintTest()에서는 함수 밖에서 선언한 obj를 참조할 수 없다
var obj = {name:'jkoogi'};
> undefined
function bindTest(){
  console.log(this.name);
}
> undefined
bindTest();
> undefined

// bind는 함수밖에 선언한 정보를 참조할 수 있도록 함수에 주입해준다
var bindTest2 = bindTest.bind(obj);
> undefined
bindTest2();
> jkoogi
> undefined

/ 바인딩 문법을 확인한다.
bindTest();
> undefined
bindTest().bind(obj);
> Uncaught TypeError: Cannot read property 'bind' of undefined
>     at <anonymous>:1:11
> (anonymous) 
bindTest.bind(obj);
> ƒ bindTest(){
>   console.log(this.name);
> }