>  기사  >  웹 프론트엔드  >  인터뷰 질문: JavaScript의 호출 메소드

인터뷰 질문: JavaScript의 호출 메소드

yulia
yulia원래의
2018-09-08 17:06:151193검색

제목:

function fn(a,b){
    console.log(this);
    console.log(a);
    console.log(a+b);
}
fn.call(1);
fn.call.call(fn);
fn.call.call.call(fn,1,2);
fn.call.call.call.call(fn,1,2,3);

답변:
fn.call(1); // 1,undefine,NaN
fn.call.call(fn) // fn,undefine,NaN
fn.call.call.( fn,1,2); // 1,2,NaN
fn.call.call.call.call(fn,1,2,3); // 1,2,5

심층적인 문제 해결 아이디어 :
fn .call(1); call의 첫 번째 매개변수는 호출 전 함수의 this 키워드를 변경하므로 그 뒤에 매개변수가 없으므로 1을 출력하므로 a와 b는 정의되지 않으며 추가 결과는 NaN입니다.
fn.call.call(fn) ;이 부분이 어려운 부분인데 이해하기 쉽네요! fn.call은 Function.prototype에서 호출 메소드를 찾습니다(이것은 함수이자 함수 클래스의 인스턴스이기도 합니다. 호출/적용 및 기타 메소드를 계속 호출할 수도 있습니다). fn.call을 함수 A로 간주할 수 있습니다. 다음 단계는 A.call(fn)과 동일합니다. 여기서 호출 메서드를 실행하고 A의 키워드 this를 함수 fn으로 변경한 다음 함수 A(fn.call)를 실행합니다. fn, 1,2); 이전 글의 프로토타입 체인 메소드를 통해 fn.call.call.call을 A(fn.call.call).call 실행으로 간주할 수 있습니다. 이때 괄호 안의 매개변수는 fn입니다. 함수로 실행되었으므로 A.call(1,2) 실행이 됩니다! 1은 호출 전 함수에서 이를 변경하기 위한 첫 번째 매개변수로 사용되며, 다음 매개변수는 함수의 형식 매개변수에 실제 매개변수로 전달됩니다!
fn.call.call.call.call(fn,1,2,3); 이전 원칙과 동일합니다!

일반 요약:
잘 이해되지 않으면 다음 일반 팁도 기억할 수 있습니다.
두 개 이상의 호출이 발생하면 첫 번째 매개 변수가 실행되어야 하며 첫 번째 매개 변수는 함수여야 합니다. 두 개의 매개변수는 첫 번째 매개변수에서 이를 변경하는 것입니다.
세 번째 이후의 매개변수는 첫 번째 매개변수에 실제 매개변수로 전달됩니다.

위 내용은 인터뷰 질문: JavaScript의 호출 메소드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.