Simplified way to bind methods to constructor?

Asked Feb 28 '19 at 18:23

Active Feb 28 '19 at 18:23

Viewed 31 times

Given the class below as an example:

class BestClassEver {
    constructor() {
        let self = this;
        self.doSomethingOne = self.doSomethingOne.bind(self);
        self.doSomethingTwo = self.doSomethingTwo.bind(self);
        self.doSomethingThree = self.doSomethingThree.bind(self);
        self.doSomethingFour = self.doSomethingFour.bind(self);
        self.doSomethingFive = self.doSomethingFive.bind(self);
    }

    doSomethingOne(){
        ...
    }
}

Is there a way to simplify this? If I had 20 methods it could get lengthy. Unless there is a way to automatically bind methods to this like an arrow function would. I've tried to use arrow functions but my compiler throws errors.

asked Feb 28 '19 at 18:23

Josh

1,455
19
33

Why do you need to bind in the first place? If you defined the method as part of the class it automatically has access to `this` – UnholySheep Feb 28 '19 at 18:26
1

related: https://stackoverflow.com/questions/40314924/do-es2015-classes-not-autobind – Daniel A. White Feb 28 '19 at 18:27
1

https://babeljs.io/docs/en/next/babel-plugin-proposal-class-properties.html to the rescue – skyboyer Feb 28 '19 at 18:28
@UnholySheep When you export that class, you dont have access to any methods inside of it, unless you bind them to the constructor. – Josh Feb 28 '19 at 18:30
Starting to seem like an X/Y problem. Instead of asking about your solution to the problem, can you update the question to describe the actual problem in more detail? – ziggy wiggy Feb 28 '19 at 18:34
please add a problem to the pattern. – Nina Scholz Feb 28 '19 at 18:41
Use arrow functions instead of function declarations. They are by default bonded to their class. – Giorgio Zanni Feb 28 '19 at 19:43

Simplified way to bind methods to constructor?

0 Answers0