Javascript最佳实践使用

Javascript best practice use

本文关键字：最佳 Javascript      更新时间：2023-09-26

我正在寻找外部私有Javascript文件的最佳实践使用。我有一个项目与许多不同的HTML文件。我的问题是什么是最佳实践，它有一个。js文件为所有的HTML页面，还是我应该有一个单独的。js文件为每个HTML?我仍然不清楚它是否可行，在所有有1 .js文件许多不同的HTML页面，我怎么能使用DOM功能?

这是一个相当宽泛的问题，它实际上取决于你如何构建你的项目。

这个时代，我的一般建议是:在中构建它，无论以何种方式使更容易使用，但是在构建/部署/任何时候合并所有文件并最小化结果。

这为您带来了轻松的开发，并为最终用户带来了最大的性能。此外，不要忘记在URL中为该JS文件提供适当的缓存头和时间戳。

这个建议也适用于CSS文件

我同意@Vilx-的回答，但我怀疑这个问题比那更基本。

在每个HTML页面上，您可以简单地链接到包含站点范围内的函数和变量的脚本，也可能是该页面独有的脚本。例如，如果你在"关于我"页面上有特殊的功能，你可以像这样链接到它:

<!-- Global functions and variables -->
<script type="text/javascript" src="/scripts/global.js"></script>
<!-- Functions and variables that only apply to this page -->
<script type="text/javascript" src="/scripts/about-me.js"></script>

这样，您仍然可以在global.js中使用实用程序函数，但您可以使用about-me.js来控制特定的页面。

另一种方法是将所有JavaScript存储在一个文件中，但在相应的页面上内联执行相关函数。

Main.js 

function homepage(){
    // do things specific to the homepage
}
function aboutMe(){
    // do things specific to about me
}
function contactUs(){
    // do things specific to the contact page
}

About-Me.html 

<!-- Global functions and variables -->
<script type="text/javascript" src="/scripts/main.js"></script>
<script>
    // Execute the relevant function defined in main.js
    aboutMe();
</script>

最好的方法是真正适合你的应用程序。如果它是一个大型、复杂的应用程序，那么您可能希望有单独的文件，但您可能希望在发布项目之前将它们连接起来。如果这是一个小的个人项目，那么简单地按照你认为合适的方式来组织你的项目是没有坏处的。

相关文章：