Support Automatically bind this in Compiler Options

[ghost]

class Test {
   private myMouny:number;

  render(){
       this.myMouny = 0;
  }
}

Expected behavior:
this keyword in render always will point to Test class instance without the need to write .bind line for each function (Specially for React.js developers), and this in OOO always is the class instance, and being not is anti-pattern.

Actual behavior:
bind is not always, you need to write something like this for every function:

I heard from someone that you don't want to do this to be back-compatible with JavaScript, so I hope you insert it into a new compilerConfiguration entry (default is false also 😆 I don't mind)

Thanks for your great contribution. I love you all ❤️

[RyanCavanaugh]

See #3927, others. Instead of writing awkward bind calls you can just write your methods using arrow function initializers, e.g. onSubmit = () => { ... }

[ghost]

But I heard that arrow function evaluate non-perfomant specially when being used in react render function..

I hope I made my point correct

[ghost]

Beside that I can't use call super for your suggestion when using inhirtance

[ghost]

Yeah, writing every method as an arrow function might be a bad idea. You might be interested in the no-unbound-method lint rule. That makes you perform the bind at the use rather than at the definition.

[RyanCavanaugh]

But I heard that arrow function evaluate non-perfomant specially when being used in react render function..

This would also be the case if you automatically binded all methods.

In general you should only be having to use arrow functions in a few very specific places. Most JS libraries will give you the correct this context if used properly.

Either way, we don't change the behavior of existing JS code, so this isn't an option we'll be adding.

[ghost]

Thanks @RyanCavanaugh 👍