내장 함수 call의 this 바인딩

소스 코드

 다음과 같이 자바스크립트에서는 일반적으로 소괄호 ()를 통해 함수를 호출하는 기본 방식 말고도 function의 내장 함수인 call 이나 apply

 를 통해서도 함수를 호출 할 수 있다. call과 apply는 동작 방식이 거의 비슷하나 call은 인자값을 받는 것에 비해 apply는 배열 객체를 인자

 로 받을 수 있다는 차이가 있다.

 

소스 코드

 call과 apply와 같은 경우는 첫 번째 인자값에 명시적으로 this를 바인딩 시킬 수 있다. 기본적으로 null값을 넣어주면 전역 객체인 window 가 this로서 바인딩 되나, 이를 사용자가 원하는 객체 인스턴스에 바인딩할 수 있다.(함수 선언문으로 정의 된 전역 함수는 전역 환경 레코드

의 객체 환경 레코드에 연결된 BindingObject를 통해 전역 객체의 프로퍼티와 메서드가 된다.)

 

 위의 소스 코드 상 yell은 obj 객체의 매소드이다. 하지만 call 함수를 통해 호출하며 첫 번째 인자값으로 또 다른 객체인 obj2를 넣어 주어

 this의 바인딩을 obj2로 바꾸어 주어 'obj2' 문자열이 출력에 되도록 하였다.

 

 위와 같이 this 바인딩이 바뀌는 것엔 자바스크립트 상에서 this는 함수 호출 방식에 의해 동적으로 결정되기 때문이다.

 기본적으로 매서드 내부의 this에는 메서드를 호출 한 객체에 바인딩된다.  여기서 this는 메서드를 소유한 객체가 아닌 메서드를 호출한 객

 체에 바인딩 된다는 점이다.

 

 메서드는 객체에 포함되어 있는 것이 아니라 프로퍼티에 바인딩된 함수이다. 

 즉, 위의 소스 코드 상 obj 객체의 yell 프로퍼티가 가리키는 함수 객체는 obj 객체 포함되어 있는 것이 아닌 독립적으로 존재하는 별도의

 객 체이다.