[javascript] 화살표 함수에서 ‘this’를 바인딩 할 수 있습니까?

나는 잠시 동안 ES6을 실험 해 왔으며 약간의 문제가 생겼습니다.

나는 화살표 기능을 사용하는 것을 정말로 좋아하며 가능할 때마다 사용합니다.

그러나 바인딩 할 수없는 것처럼 보입니다!

기능은 다음과 같습니다.

var f = () => console.log(this);

다음은 함수를 바인딩하려는 객체입니다.

var o = {'a': 42};

그리고 여기에 바인딩하는 방법 f이 있습니다 o.

var fBound = f.bind(o);

그런 다음 전화 할 수 있습니다 fBound.

fBound();

이것 ( o객체) 이 출력됩니다 :

{'a': 42}

멋있는! 아름다운! 작동하지 않는 것을 제외하고. o객체 를 출력하는 대신 객체를 출력 window합니다.

그래서 알고 싶습니다 : 화살표 기능을 바인딩 할 수 있습니까? (그렇다면 어떻게?)

Chrome 48 및 Firefox 43에서 위의 코드를 테스트했으며 결과는 동일합니다.

답변

((a, b, c) => {
  console.info(a, b, c) // 1, 2, 3
}).bind(undefined, 1, 2, 3)()

var obj = {value: 10};
function arrowBind(context, fn) {
  let arrowFn;
  (function() {
    arrowFn = eval(fn.toString());
    arrowFn();
  }).call(context);
}
arrowBind(obj, () => {console.log(this)});

this.test = "attached to the module";
var foo = { test: "attached to an object" };
foo.method = function(name, cb){
    // bind the value of "this" on the method 
    // to try and force it to be what you want 
    this[name] = cb.bind(this); };
foo.method("bar", () => { console.log(this.test); });
foo.bar();