Методы класса ES6 не являются функцией

Question

Я использую JavaScript-классы, и у меня есть весло, которое имеет правильный метод рисования, но по какой-то причине моя функция moveBall испорчена. Может ли кто-нибудь указать, почему? Я получаю сообщение об ошибке, что moveBall() не является функцией.

Редактировать: я включил еще один код, я вызываю init(), чтобы начать все.

class Ball { 
    constructor(x, y, r, sAngle, rAngle) { 
     this.x = x; 
     this.y = y; 
     this.r = r; 
     this.sAngle = sAngle; 
     this.rAngle = rAngle; 
     this.speed = null; 
    } 

    drawBall() { 
     ctx.beginPath(); 
     ctx.arc(this.x, this.y, this.r, this.sAngle, this.rAngle); 
     ctx.fillStyle = "#FF0000"; 
     ctx.fill(); 
    } 
    moveBall() { 
     this.x += this.speed; 

    } 

} 


function init() { 
    var ball = new Ball(c.height/2, c.width/2, 10, 0, 2 * Math.PI); 
    var paddleLeft = new Paddle(0, 0, 20, 100); 
    ball.ballPhysics = 1.0; 
    draw(ball, paddleLeft); 
    main(ball); 
} 


window.main = function (ball) { 
    window.requestAnimationFrame(main); 
    ball.moveBall(); 
    window.onload = function() { 
    document.addEventListener('keydown', function (event) { 
     if (event.keyCode === 65) { 

     } 
    }, false); 
} 

}; 

Answer 1

убедитесь, что экземпляр шара в объеме кода, который вы пытаетесь запустить, и попробуйте , чтобы увидеть, если это проблема компиляции, и убедитесь, что вы к нему доступ, как ball.moveball()

Answer 2

Если вы используете его как Ball.moveBall(), чем это неправильно, вы должны создать экземпляр класса мяча первым или использовать статические методы, как

class A { 
static f() { 
} 
} 

и называют как

A.f();

в противном случае проверьте фрагмент кода ниже

class Ball { 
 
    constructor(x, y, r, sAngle, rAngle) { 
 
    this.x = x; 
 
    this.y = y; 
 
    this.r = r; 
 
    this.sAngle = sAngle; 
 
    this.rAngle = rAngle; 
 
    this.speed = null; 
 
    } 
 

 
    drawBall() { 
 
    ctx.beginPath(); 
 
    ctx.arc(this.x, this.y, this.r, this.sAngle, this.rAngle); 
 
    ctx.fillStyle = "#FF0000"; 
 
    ctx.fill(); 
 
    } 
 
    moveBall() { 
 
    this.x += this.speed; 
 

 
    } 
 
} 
 

 
var greenBall = new Ball(0, 0 , 10, 0, 0); 
 

 
greenBall.speed = 5; 
 

 
greenBall.moveBall(); 
 

 
document.write(greenBall.x);

Answer 3

Вы определяете main принять аргумент ball. Но вы никогда не звоните main, поэтому вы не можете передать ему аргумент.

Пока window.requestAnimationFrame(main); вызовет функцию, она ничего не пройдет.

Кажется, вы хотите обратиться к переменной ball, которая определена внутри init. В этом случае, удалить параметр ball из определения функции так, чтобы он не тень этой переменной:

window.main = function() { ... }; 

---

Вы также не хотите назначить window.onload внутри main, потому, что Wouldn «Случись снова и снова.