处理不同页面之间代码重复的正确方法

Question

假设我有两个页面，每个页面都有自己的js文件，其中一个页面需要其他页面的js文件中的一些功能（可能只有一个）。

我宁愿不复制相同的功能。我可以将两个js文件都包含在该页面中，但这是正确的方法吗？还有另一种方式吗？

Answer 1

如果你正在使用javascript ES6，你可以模块化你的功能并使用import / export关键字

请参阅doc＆gt;＆gt; http://exploringjs.com/es6/ch_modules.html

如果你正在使用旧的javascript版本，那么你正在以正确的方式工作。

Answer 2

这里有几种主要的部署方法（我不是在谈论源文件;保持那些小，并在构建阶段结合）：

1. 您可以在所有页面上使用单个JavaScript文件，其中包含较长的缓存标头，以及更改后更改的名称。

   是的，这意味着该文件中的功能将不会被给定页面使用，但这也意味着当用户从您的网站上的一个页面移动到另一个页面时，他们不必下载该页面上的JavaScript。此外，当他们回到站点时，由于长缓存标头，他们可能不必再次下载JavaScript（除非他们的缓存已经循环，这很可能）。

2. 拥有一个“通用”JavaScript文件，其中包含您网页上使用的常用功能，然后为每个需要自己特殊功能的网页提供特定于页面的文件。再次使用长缓存标头和更改文件时更改的名称，以获得可能的缓存优势。

   这意味着转到其中一个页面需要加载两个JavaScript文件而不是一个，但这并不是什么大问题，通过使用长缓存标头，您至少会避免使用其中一个文件（常见的一个）当他们在您的网站上导航时（当他们回来时可能，但是再次，缓存会快速循环）。