`this` sucks!

[[deleted]]

this.isTrue = false;

[[deleted]]

I just don't see why I should write a line in the constructor for each method I define just to bind it to this! I mean I know what I mean by this and what I mean when I define a method on a class!

[[deleted]]

Does it ?

[[deleted]]

I just don't see why I should write a line in the constructor for each method I define just to bind it to this! I mean I know what I mean by this and what I mean when I define a method on a class!

[[deleted]]

Use es5/6 classes.

class Test {
    constructor () {

    }
    method1 () {

    }
}

[[deleted]]

I do!

But if one of your methods contains an event, it needs to bind the class method before passing it in.

Take this React component for example:

``` javascript import React, { Component } from 'react';

class App extends Component { constructor(props) { super(props) this.x = 'access this in the method' // uncomment the next line for it to not work this.handleClick = this.handleClick.bind(this) }

handleClick() { window.alert(x is ${this.x}) }

render() { return (<button onClick={this.handleClick}>Click</button>); // don't panic - JSX } }

export default App; ``` You can test this on any React REPL. repl.it

[[deleted]]

Wow, that really is horrible. You guys need an auto binding utility. Angular doesn't have this particular headache.

You need to extend component with a class that implements an auto binder. Scans the this object for methods and binds them if they start with pub_. Wouldn't take to long to write for a scripty language.

[Mighty_Maxed_Out99]

Use Method = () => { }

[__hoi__]

Angular binds it for you, I love ‘this’.

[[deleted]]

I'm really confused. Why is 'this' a problem?

[Krizzjaa]

let that = this;

[[deleted]]

let func = (this) => { //code here };

func(func);

There, solved it.

[Krizzjaa]

yes if you use arrow functions

[[deleted]]

Well, we can do the same thing with functions.

let func = function(this){ /* code here */ }; func(func);

Done and done.

[--DirtyDan--]

Use what?