Eu não sei o que tem de errado neste código. Dentro do construtor da função EvilCircle
, o this
funciona direitinho, mas em EvilCircle.prototype.draw
não funciona. Parece que ele se transforma no Window.
function Shape(x, y, velX, velY, exists) {
this.x = x;
this.y = y;
this.velX = velX;
this.velY = velY;
this.exists = exists;
}
// EvilCircle
function EvilCircle(x, y, exists) {
Shape.call(this, x, y, 20, 20, exists);
this.color = 'white';
this.size = 10;
}
EvilCircle.prototype = Object.create(Shape.prototype);
EvilCircle.prototype.constructor = EvilCircle;
// Draw;
EvilCircle.prototype.draw = () => {
console.log(this);
};
this
tem comportamento diferente em arrow functions efunction
's - o que é mais um motivo para não sair usando sem motivo. Tenho visto muita gente que acha que arrow functions são "o jeito novo" (ou pior, uns acham que é o único jeito) de criar funções, quando na verdade o uso defunction
ainda se mostra necessário... O importante é saber a diferença, as implicações, e avaliar quando usar um ou outro