[Dúvida] Função verificaColisaoRaquete();

function verificaColisaoRaquete() {
  if(xBolinha - raio < xRaquete + raqueteComprimento 
     && yBolinha - raio < yRaquete + raqueteAltura 
     && yBolinha + raio > yRaquete  ){
     velocidadeXBolinha *= -1;
     velocidadeYBolinha *= -1;
     }
}

1. Por que utilizamos && no lugar de || para o IF. (Sendo que o deslocamento da bola deve mudar o sentido em qualquer uma das três condições e não quando atender todas as condições simultâneamente ?

function verificaColisao(){
  if (xBolinha + raio > width || xBolinha - raio < 0 ){
    velocidadeXBolinha *= -1 ;
    }
 if (yBolinha + raio > height || yBolinha - raio < 0){
    velocidadeYBolinha *= -1 ;
   }
}

1. Se anteriormente já havíamos adicionado a função verificaColisao() para mudar o sentido do deslocamento da bola caso ela tocasse na borda, pq foram criadas mais duas condições que executam a mesma ação da função anterior ?

   && yBolinha - raio < yRaquete + raqueteAltura 
   && yBolinha + raio > yRaquete