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

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

• 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);
  }
}

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