Member-Funktion in Javascript

Question

Wie können wir eine Variable als Funktion verwenden. Im Anschluss an mein Code

$(document).mouseup(function (evt) { 
      balls.push(new ball(mousePos["downX"], 
       mousePos["downY"], 
       5 + (Math.random() * 10), 0.9, randomColor())); 
     }); 

function ball(positionX, positionY, radius, color) { 
      this.px = positionX; 
      this.py = positionY; 
      this.rad = radius; 
      this.clr = color; 
      this.draw = drawFun(this.px, this.py, this.rad, this.clr); 
     } 
function drawFun(x, y, r, c) { 
      ctx.beginPath(); 
      ctx.arc(x, y, r, 0, Math.PI * 2, true); 
      ctx.closePath(); 
      ctx.fillStyle = c; 
      ctx.fill(); 
      //stroke 
      ctx.lineWidth = r * 0.1; 
      ctx.strokeStyle = "#000000"; 
      ctx.stroke(); 
     } 

for (var i = 0; i < balls.length; i++) { 
       //TODO: DRAW ALL BALLS 
       balls[i].draw; 

      } 

Jetzt möchte ich ball[i].draw; verwenden, aber in der Konsole sagt es, dass Draw nicht definiert ist. Wie kann ich drawFun Zugriff von ball[i]

Answer 1

Verwenden ball[i].draw(); // notice the parenthesis, to execute function. Und diese verwenden:

this.draw = function() { drawFun(this.px, this.py, this.rad, this.clr); }

Ohne function() { .. } Sie sind einfach zu speichern, was von drawFun zurückgeführt wird, die in diesem Fall ist nicht definiert ist.