Javascript "dieses" Schlüsselwort bezieht sich nicht auf die richtige Sache

var ball = {
    x: 20,
    y: 500,
    vx: 100,
    vy: 100,
    width: 13,
    height: 13,
    draw: function() { 
        var img = new Image();  
        img.src = 'images/ball.png';  
        img.onload = function(){  
            ctx.drawImage(img, this.x, this.y);  
        };
    },

Ich möchte, dass die Codezeile drawImage () auf ball.x und ball.y verweist. Anstatt ball.x und ball.y zu verwenden, möchte ich "dieses" Schlüsselwort verwenden, damit ich das ball-Objekt in eine Funktion verwandeln kann, die ein Massenkonstruktor / Prototyp ist, wenn ich am Ende in der Lage bin, ball1, ball2 zu machen , ball3 etc.). Ich denke, "das" bezieht sich nicht mehr auf Ball, weil es in einer verschachtelten Funktion ist? Gibt es einen Ausweg, ohne ball.x und ball.y in die drawImage-Argumente einzubinden?

Antworten auf die Frage(3)

Ihre Antwort auf die Frage