이 코드는 어떤 기능을합니까?

Question

Function.prototype.bind = function() { 
    var _this = this, 
     original = _this, 
     args = Array.prototype.slice.call(arguments), 
     _obj = args.shift(), 
     func = function() { 
      var _that = _obj; 
      return original.apply(_that, args.concat(
      Array.prototype.slice.call(
      arguments, args.length))); 
     }; 
    func.bind = function() { 
     var args = Array.prototype.slice.call(arguments); 
     return Function.prototype.bind.apply(_this, args); 
    } 
    return func; 
}; 

나는 그것이 bind 함수라는 것을 알고있다. 그러나 나는 그것이 무엇을하고 있는지, 특히 args.concat 부분을 이해하지 못합니다. concat의 기능은 무엇입니까? 또한 .bind 메서드는 무엇을합니까 .apply 및 .call 할 수 없습니까?

Answer 1

bind 함수는 함수를 취해 항상이 특정 this 값에 바인딩되도록합니다. 가장 쉬운 예제는 이벤트 처리기입니다. 기본적으로 이벤트 처리기의 this 값은 window에 바인딩됩니다. 그러나의 당신은 청취자로서 객체의 방법을 사용한다고 가정 해 봅시다, 그 청취자의 일부 속성을 변경 : thing.answer의 대신 온로드 이벤트에

var thing = { 
    answer : 4, 
    listener : function() { 
     this.answer = 42; 
    } 
} 
window.onload = thing.listener; 

의도처럼 변경되고, window.answer 지금 그래서 42입니다 우리는 bind 사용

window.onload = thing.listener.bind(thing); 

그래서, bind하지만 지정된 this 값이라고 할 때, 원래의 함수를 호출하는 함수를 반환합니다.

[].concat는 단순히 배열에 인수를 추가합니다 - 그래서 [].concat(5, 4) 반환 [5, 4] 및 [5, 4].concat([42]) 반환 [5, 4, 42]합니다. 이 경우 인수를 연결하는 데 사용됩니다. 함수가 호출 될 때 인수로 전달 될 bind 함수에 인수를 전달할 수 있습니다. 연결은 바인드 된 함수를 호출 할 때 현재 전달한 인수도 전달되도록 작동합니다.

Answer 2

Function.bind()에 대해서는 shim 인 것으로 보입니다.

하지만 이해가 안되며 구체적으로는 args.concat 부분입니다. concat는 무엇을합니까?

Array.concat() 연접 (AN Array뿐만 아니라 다른 값) 둘 이상의 Array S.

또한, .bind 방법은 .apply 및 .call이 할 수없는 일을합니까?

this이 원하는대로 바인딩 된 함수에 대한 참조를 반환합니다.

var newFn = fn.bind(['a', 'b', 'c']); 

// This will call `fn()` with the above `Array` as `this`. 
newFn('first arg', 'second arg'); 

이미 설정된 인수를 가진 함수를 반환합니다 (this을 bind()으로 설정하면 기본 인수를 설정할 수 있습니다).