Question

我在JS女巫作品中写过简单的类，但是当我尝试使用setInterval时我遇到了问题。防爆。如果我做那样的事情

ball = new ball(5,10,0, '#canvas');
ball.draw();
ball.draw();
ball.draw();
ball.draw();

有效。但是这个：

ball = new ball(5,10,0, '#canvas');
setInterval(ball.draw, 100);

不行。我得到的错误是值未定义。

function ball (x,y,z,holdingEl) {
    this.r = 5; //zmienna przechowujaca promien pilki
    this.size = this.r *2; // zmienna przechowujaca rozmiar
    this.ballSpeed = 100; // predkosc pilki
    this.ballWeight = 0.45; // masa pilki
    this.maxFootContactTime = 0.2; // maksymalny czas kontaktu pilki z noga - stala
    this.ctx = jQuery(holdingEl)[0].getContext("2d"); // obiekt pilki
    this.intVal = 100 // predkosc odswiezania
    this.currentPos = { // wspolrzedne pozycji
        x: x,
        y: y,
        z: z
    }
    this.interactionPos = { // wspolrzedne pozycji ostatniej interakcji
        x: -1,
        y: -1,
        z: -1
    }
    this.direct = { // kierunek w kazdej plaszczyznie
        x : 1,
        y : 0,
        z : 0
    }
    this.draw = function (){
      this.ctx.clearRect(0,0,1100,800);
      this.ctx.beginPath();
      this.ctx.arc(this.currentPos.x, this.currentPos.y, this.r, 0, Math.PI*2, true);
      this.ctx.closePath();
      this.ctx.fill();
    }
}

Answer 1

猜测是因为您正在发送对函数本身的引用，而不是从ball的上下文调用。

请改为：

ball = new ball(5,10,0, '#canvas');
setInterval(function() {
    ball.draw();
}, 100);

在draw()函数中使用您的第一个代码，this是ball个实例。

使用setInterval()代码，this功能window将draw()。{/ p>

Answer 2

试试这个

ball = new ball(5,10,0, '#canvas');
f = function() {
 ball.draw()
}
setInterval(f, 100)

js类中的SetInterval缺少属性

2 个答案: