Tambem não estou entendendo a lógica =(

Olá pessoal, já vi essa mesma pergunta no fórum mas depois de ler e reler eu continuo a não entender nada. (kakaakak)

Logo minha pergunta é a seguinte, conforme descrito no código abaixo, quando X for maior que 600, sentido receberá -1, tornando o X em 599 quando chegar em " x = x + sentido". Acontece que com o x valendo 599 ele devia "disparar" o "else" já que nesse caso x > 0 e não mais "x > 600". Logo quando eu vi esse código eu imaginei que a bolinha iria ficar travada no final do canvas oscilando entre x = 599 e x = 601, mas não foi isso que aconteceu, porque???

   var x = 20;

    var sentido = 1;

    function atualizaTela() {

        limpaTela();

        if( x > 600) {
            sentido = -1;
        } else if (x < 0) {
            sentido = 1;
        } 

        desenhaCirculo(x, 20, 10);
        x = x + sentido;
    }

    setInterval(atualizaTela, 10);