JavaScript file，簡稱JS文件，是一種瀏覽器中用來嵌入JavaScript代碼的文件。簡單來說，JS文件就是儲存JavaScript代碼的文本文件。
那么，為什么需要JS文件呢？因為JavaScript代碼通常很長，如果將它們直接寫在HTML文件中，就會使HTML文件變得很臃腫，難以維護。有了JS文件，我們就可以將JavaScript代碼分離出來，讓HTML文件更簡潔、易讀。同時，由于JS文件可以被緩存，這也可以提高頁面加載速度。
下面是一個簡單的例子，展示如何在HTML文件中引入JS文件：
<html> <head> <title>引入JS文件例子</title> <script src="example.js"></script> </head> <body> <h1>這是一個標題</h1> <p>這是一段文字</p> </body> </html>
在上面的例子中，我們在HTML文件的head標簽中通過<script>標簽引入了一個名為example.js的JS文件。這個JS文件可以在同一目錄下找到。
為了讓JS文件能夠更好地與HTML文件配合，我們通常會通過命名約定來給JS文件命名，例如我們的例子中的example.js。這個文件名讓人很容易地理解它的作用是與HTML文件中的“例子”相關的JavaScript代碼。
此外，為了提高JS文件的復用性，我們通常會將它們分成多個文件，并通過HTML文件中的多個<script>標簽將它們逐個引入。
下面是一個更復雜的例子，展示如何將多個JS文件組合成一個JavaScript模塊：
foobar.js
var foo = function() {
console.log("foo");
};
var bar = function() {
console.log("bar");
};example.js
var example = function() {
console.log("ex");
};main.js
// 引入需要用到的JS文件 <script src="foobar.js"></script> <script src="example.js"></script> // 調用foo、bar、example函數 foo(); bar(); example();
在這個例子中，我們將foo和bar函數定義在一個名為foobar.js的JS文件中，將example函數定義在一個名為example.js的JS文件中。我們按需要在main.js中引入這些JS文件，并通過調用foo、bar、example函數來使用它們。
總之，在Web開發中，JS文件是一種非常有用的工具。通過合理地組織和利用這些文件，我們可以使Web頁面更高效、易于維護。