> 웹 프론트엔드 > JS 튜토리얼 > 커링 함수를 사용하여 자바스크립트에서 바인드 메소드 구현하기

커링 함수를 사용하여 자바스크립트에서 바인드 메소드 구현하기

PHPz
풀어 주다: 2018-09-28 13:27:25
원래의
1211명이 탐색했습니다.

다음 에디터는 자바스크립트에서 바인드 메소드를 구현하기 위해 커링 기능을 사용하는 기사를 가져올 것입니다. 에디터가 꽤 좋다고 생각해서 지금 공유하고 모두에게 참고용으로 주고 싶습니다.

• Ke Lihua의 함수 아이디어: 함수 실행 원리를 사용하여 파괴 불가능한 범위를 형성하는 js 사전 처리 아이디어, 사전 처리해야 하는 모든 콘텐츠가 이 파괴 불가능한 범위에 저장됩니다. . 그리고 작은 함수를 반환합니다. 이제부터 작은 함수에서는 이전에 저장된 값에 대해 관련 작업을 수행할 수 있습니다.

• 커링 함수는 주로 전처리 역할을 합니다.

• 바인드 메소드의 기능: 컨텍스트 컨텍스트로 전달된 콜백 메소드에서 이를 전처리합니다.

/**
* bind方法实现原理1
* @param callback [Function] 回调函数
* @param context [Object] 上下文
* @returns {Function} 改变this指向的函数
*/
function bind(callback,context) {
  var outerArg = Array.prototype.slice.call(arguments,2);// 表示取当前作用域中传的参数中除了fn,context以外后面的参数;
  return function (){
    var innerArg = Array.prototype.slice.call(arguments,0);//表示取当前作用域中所有的arguments参数;
    callback.apply(context,outerArg.concat(innerArg));
  }
}
로그인 후 복사
/**
* 模仿在原型链上的bind实现原理(柯理化函数思想)
* @param context [Object] 上下文
* @returns {Function} 改变this指向的函数
*/
Function.prototype.mybind = function mybind (context) {
  var _this = this;
  var outArg = Array.prototype.slice.call(arguments,1);
  // 兼容情况下
  if('bind' in Function.prototype) {
    return this.bind.apply(this,[context].concat(outArg));
  }
  // 不兼容情况下
  return function () {
    var inArg = Array.prototype.slice.call(arguments,0);
    inArg.length === 0?inArg[inArg.length]=window.event:null;
    var arg = outArg.concat(inArg);
    _this.apply(context,arg);
  }
}
로그인 후 복사

이상은 자바스크립트에서 바인드 메소드를 구현하기 위해 커링 함수를 사용한 전체 내용입니다. 참고가 되셨으면 좋겠습니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿