jsでclass構文を使用する際に、self=thisを実現する方法を教えて下さい。

Question

jsでclassを使いたいのですが、
そのときに、self=thisとしたいのですが、varはいらないのでしょうか？
varを入れるとエラーになってしまいます。

class Sample {
  var self; // <= エラー
  constructor(){
    self = this;
    self.initialize();
  }
  
  initialize(){
    console.log('initialize');
  }
}

Answer 1

ES6では、クラス直下にはメソッドしか定義できません。また、厳格モードでvarを付けずに変数を宣言するとReferenceErrorが返されると思います。プロパティをconstructor内で定義してはいかがでしょうか？

class Sample {
    constructor() {
        this.self = this;
        this.self.initialize();
    }

    initialize() {
        console.log("initialize1");
        this.self.initialize2();
    }

    initialize2() {
        console.log("initialize2");
    }
}

var sample = new Sample();

Comments

[退会済みユーザー]

勉強不足で申し訳ありませんが、
costructor内で宣言した`var self`はその下のメソッド内でも使えるのでしょうか？

[yamato_hikawa]

コンストラクタ内で this.hoge = 'hoge'と定義したものは、他のメソッドからも参照可能です。

Answer 2

アロー関数が使えますし、selfを定義する必要はほとんどないと思います。
thisのまま書き進めていいです。

Comments

[退会済みユーザー]

アロー関数を使った際に、下記の場合のthisがimgをさしてしまい、思ったようなthisにならない場合はどうすればいいのでしょうか？

```
drawImage = (img) => {
for(var i in img){
img[i].onload = function(){ console.log(this) };
}
}
```

[退会済みユーザー]

追記させていただきます。
このときのdrawImageはSampleクラス内の別のメソッドから呼ばれています。(self.drawImage(img))

[yamato_hikawa]

img[i].onloadのあとのfunction文もアロー関数で記述してみては？

img[i].onload = () => console.log(this);