Cacheamento de arquivos JavaScript pelo navegador

O navegador pode armazenar em cache os arquivos JavaScript vinculados. Isso significa que ele os salva para aumentar a velocidade de carregamento do site.

Na prática, isso leva a uma situação em que, em algum momento, durante a edição do código, o navegador irá aplicar a versão anterior do código, e não a sua versão atual.

Para combater esse comportamento, você pode limpar o cache do navegador ou usar um truque esperto. A ideia principal é que, ao vincular o script, após o nome do arquivo, colocamos um ponto de interrogação, um sinal de igual e o número da versão do seu script. Quando o navegador armazena o arquivo em cache, você só precisa aumentar o número em um.

Veja o exemplo:

index.html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="script.js?v=1"></script>
  </head>
  <body>
    
  </body>
</html>