js call 과 apply

머리말
call 과 apply 는 특정한 함수 가 실 행 될 때의 context (즉 문맥) 를 바 꾸 기 위해 존재 합 니 다. 쉽게 말 하면 함수 체 내부 this 의 방향 을 바 꾸 기 위해 서 입 니 다.
양자 의 작용 은 완전히 같 지만 파 라미 터 를 받 아들 이 는 방식 은 그다지 같 지 않다.
본론
저 는 콜 과 apply 뒤의 첫 번 째 매개 변 수 를 제외 한 형식 을 자주 기억 하지 못 합 니 다. 오늘 갑자기 하나의 방법 이 생각 났 습 니 다. apply 두 번 째 매개 변 수 는 배열 이 고 배열 은 array 이 며 apply 와 같은 자모 로 시작 합 니 다. 그러면 많이 기억 하기 쉽 지 않 겠 습 니까?
나머지 콜 은 자 연 스 럽 게 여러 개의 매개 변수 쉼표 분할 형식 이다.
484 좀 똑똑 한데?하하 하.
옛 것 을 배우 고 새것 을 알 면 스승 이 될 수 있다.다음은 고전 제목 을 살 펴 보 겠 습 니 다.

Function.prototype.call.apply(function(a){return a;},[0,1,2])

못 본 동 화 는 첫눈 에 좀 어리둥절 하지 않 아 요?아무튼 제 가 좀... 콜 도 하고 apply 도 하고 제목 이 맞 나 요?
각 분야 의 자 료 를 통 해 자신의 이 해 를 더 한 후에 다음 과 같이 정리한다.
Function. prototype. call 의 call 방법 은 Function 원형 방법 (Function. prototype. call 참조) 이 고 Function 원형 은 무엇 입 니까?사실은 함수 대상 입 니 다.

ƒ () { [native code] }

Function. prototype 을 하나의 전체 로 보고 f1 로 기록 합 니 다.Function. prototype. call 을 약간 큰 전체 로 보고 f2 로 기록 하면 f2 = f1. call;함수 function (a) {return a;} 은 f3 로 기록 합 니 다.그러면 상기 문 제 는 f2. apply (f3, [0, 1, 2] 로 간략하게 쓸 수 있다.이 줄 코드 를 번역 하면 f3. call (0, 1, 2) 을 모 르 는 사람 이 있 을 수 있 습 니 다.괜찮아 요. 예 를 들 어 보 세 요.

var foo = {
  name:"mingming",
  logName:function(){
    console.log(this.name);
  }
}
var bar={
  name:"xiaowang"
};
foo.logName.apply(bar);

foo. logName. apply (bar) 를 bar. logName () 으로 번역 할 수 있 습 니까?(이상 적 인 bar 의 실행 상태) 그러면 foo 라 는 대상 은 교 체 됩 니 다.따라서 f2. apply (f3, [0, 1, 2]) 는 f3. call (0, 1, 2), 즉

(function(a){return a;}).call(0,1,2)

첫 번 째 매개 변 수 는 1, 즉 return 1 입 니 다.