防止浏览器缓存特定JavaScript文件的常用方法：

1. 添加版本号或时间戳

在引用JavaScript文件时，在URL中添加一个版本号或时间戳作为查询参数。这样每次更新文件后修改这个参数值，就能让浏览器认为这是一个新的资源而重新请求。

• 版本号：<script src="js/script.js?v=1.0.0"></script>
• 时间戳：<script src="js/script.js?t=<%= new Date().getTime() %>"></script> 或者在构建过程中根据文件的最后修改时间生成时间戳。

这种方法特别适用于部署时需要确保加载最新版JS文件的情况。

2. 使用内容哈希

通过构建工具（如Webpack）为文件名添加基于文件内容的哈希值。当文件内容发生变化时，哈希值也会改变，从而强制浏览器下载新文件。

// Webpack配置示例
output: {
filename: 'bundle.[contenthash].js',
path: path.resolve(__dirname, 'dist')
}

这种方法不仅有效避免了缓存问题，还能充分利用浏览器缓存，因为只有文件内容变化时才会生成新的文件名。

3. 设置HTTP头信息

通过服务器设置适当的HTTP响应头控制缓存行为。例如，在Nginx中可以通过如下配置：

location ~* \.js$ {
add_header Cache-Control "no-cache, no-store, must-revalidate";
add_header Pragma "no-cache";
add_header Expires 0;
}

这种做法适用于想要直接从服务器端控制缓存策略的场景。

4. 动态加载脚本

使用JavaScript动态创建<script>标签并设置其src属性。这通常用于按需加载或延迟加载某些脚本，同时也能绕过缓存问题。

var script = document.createElement('script');
script.src = 'js/script.js?t=' + new Date().getTime();
document.head.appendChild(script);

这种方法灵活性高，但可能会增加复杂性和维护成本。

小结

每种方法都有其适用场景和优缺点，选择合适的方法取决于你的具体需求。对于大多数现代Web应用来说，使用基于内容哈希的文件命名是一种非常流行且有效的策略。