[React] 이벤트 bind 함수 이해하기

우선 bind 함수를 알아보기 전에 왜 사용해야 하는지 알아보자.

 

JS를 사용하다보면 함수와 메소드를 접하게 되는데, 이 둘은 언뜻보면 비슷해보이나 엄연히 차이가 있다.

함수를 호출하는 객체가 없는 경우 함수, 함수를 호출하는 객체가 있는 경우 메소드이다.

또한 함수는 직접 호출할 수 있고, 메소드는 점 표기법(ex. 객체.메소드()) 또는 대괄호 표기법 사용으로 호출할 수 있다. (즉, 메소드는 객체와 연결되어 있다.)

메소드 ⊂ 함수

 

또한, 메소드의 this는 해당 메소드를 호출하는 객체를 가리키며, 함수의 this는 undefined 이다. 그러므로 함수에 this를 주입하려면 아래 예시처럼 bind() 함수를 사용하면 된다.

 

콘솔로 bind 테스트