Js継承したクラスインスタンスが未定義

Question

私は別のクラスを拡張するクラスを持っています。しかし、 "this"を参照しようとする親クラスで定義された関数は、 "this"が定義されていないという例外をスローします。ここに関連するコードは次のとおりです。

class Entity { 
    constructor() { 
     this.axes = ['x', 'y']; 
     ... 

    updatePosition() { 
     this.axes.forEach(function(axis) { 
      this.position[axis] += this.velocity[axis]; 
     }); 
    } 
} 

class Player extends Entity { 
    constructor() { 
     super(); 
     .... 
    } 
... 
} 

var player = new Player(); 

とエラーがスローさ：

.../player.js:25 
      this.position[axis] += this.velocity[axis]; 
       ^

TypeError: Cannot read property 'position' of undefined 

あなたはなぜインスタンスが定義されていない知っていますか、そしてどのように私はそれを修正することができますか？ ありがとう！

Answer 1

forEachの文脈では、thisはグローバルオブジェクトであり、プレーヤインスタンスではありません。あなたはES6を使用しているので、あなたはそうのような機能を矢印変更することによって、それを解決することができます：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions