JavaScript_javascript 팁에서 바인드 메소드 적용을 올바르게 참조함

JavaScript에서는 메서드에 컨텍스트가 포함되는 경우가 많기 때문에 직접 인용할 수 없는 경우가 많습니다. 가장 일반적인 console.log("info...")를 예로 들어 긴 콘솔을 작성하지 말고 로그를 직접 사용하세요. ( "정보..."), 자동으로 다음 구문이 생각납니다:

 var log = console.log;
 log("info…");

죄송합니다. 실행 중 오류가 발생했습니다: TypeError: Illegal invocation.

왜요? console.log("info...")의 경우 log 메소드는 콘솔 객체에서 호출되므로 log 메소드의 이 메소드는 콘솔 객체를 가리키고 log 변수를 사용하여 console.log 메소드를 가리킵니다. 그런 다음 로그 메서드를 직접 호출합니다. 이때 이 로그 메서드는 창 개체를 가리킵니다. 물론 컨텍스트가 일치하지 않으면 오류가 보고됩니다.

이 시점에서 바인딩 방법을 사용하여 이 문제를 해결할 수 있습니다. 바인딩 메소드를 사용하면 this를 현재 메소드의 컨텍스트로 수동으로 전달한 다음 컨텍스트를 보유하는 메소드를 반환할 수 있습니다. 예:

 var log = console.log.bind(console);
 log("info...");

이렇게 하면 오류가 발생하지 않습니다.

그러나 바인드 방식은 IE 8 이하 브라우저를 지원하지 않으며 우리가 직접 구현할 수 있으며 매우 간단합니다.

 Function.prototype.bind = Function.prototype.bind || function(context){
   var _this = this;
   
   return function(){
     _this.apply(context, arguments);
   };
 };

코어는 클로저의 고전적인 애플리케이션인 Apply 메소드를 통해 구현됩니다. _this는 현재 메소드를 가리키고 context는 현재 메소드의 컨텍스트를 가리키며 둘 다 클로저를 통해 액세스됩니다.

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.