본 튜토리얼은 전 세계 사람들이 이용할 수 있는 오픈 소스 프로젝트입니다. 프로젝트 페이지에 방문하셔서 번역을 도와주세요.
구매EPUB/PDF
튜토리얼 지도
돌아가기

bind 두 번 적용하기

중요도: 5
See More

함수에 bind를 적용하고, 이어서 한 번 더 bind를 적용하면 this를 바꿀 수 있을까요?

아래 코드를 실행하면 어떤 결과가 나올까요?

function f() {
  alert(this.name);
}

f = f.bind( {name: "John"} ).bind( {name: "Ann" } );

f();

정답: John

function f() {
  alert(this.name);
}

f = f.bind( {name: "John"} ).bind( {name: "Pete"} );

f(); // John

f.bind(...)가 반환한 특수 객체인 묶인 함수(bound function)는 함수 생성 시점의 컨텍스트만 기억합니다. 인수가 제공되었다면 그 인수 또한 기억합니다.

한번 bind를 적용하면 bind를 사용해 컨텍스트를 다시 정의할 수 없습니다.