I've been experimenting with ES6 for a while now, and I've just come to a slight problem.

I really like using arrow functions, and whenever I can, I use them.

However, it would appear that you can't bind them!

Here is the function:

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

Here is the object I want to bind the function to:

var o = {'a': 42};

And here is how I would bind f to o:

var fBound = f.bind(o);

And then I can just call fBound:

fBound();

Which will output this (the o object):

{'a': 42}

Cool! Lovely! Except that it doesn't work. Instead of outputting the o object, it outputs the window object.

So I'd like to know: can you bind arrow functions? (And if so, how?)

I've tested the code above in Google Chrome 48 and Firefox 43, and the result is the same.