JavaScript 是一門強大的編程語言，其中最突出的特點是它的靈活性和可擴展性。其中之一的方式是 JavaScript 中引用JS，便于代碼重復使用，從而加快開發速度和提高代碼質量。
引用JS的方法有兩種：內部引用和外部引用。
內部引用就是在 HTML 文件中定義
<script>標簽并將 JS 代碼放在標簽內。例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>內部引用 JS</title>
<script>
function sayHello() {
alert("Hello JavaScript!");
}
</script>
</head>
<body>
<button onclick="sayHello()">Say Hello</button>
</body>
</html>這段代碼定義了一個簡單的
<button>元素，并定義了一個名為
sayHello()的函數。通過將
onclick事件綁定到
sayHello()函數，當該按鈕被單擊時，將顯示一個彈出窗口顯示“Hello JavaScript！”的消息。
內部引用的另一個優點是頁面加載速度很快。因為整個 JavaScript 代碼塊都嵌入在 HTML 頁面中，所以不需要額外的 HTTP 請求來下載外部 JS 文件。
另一方面，如果頁面中有很多 JavaScript 代碼塊，頁面將變得非常臃腫，難以維護。
外部引用是指將 JS 代碼嵌入到外部 .js 文件中，然后從 HTML 頁面中使用
<script>標簽引用它。例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>外部引用 JS</title>
<script src="external.js"></script>
</head>
<body>
<button onclick="sayHello()">Say Hello</button>
</body>
</html>在這個例子中，HTML 文件將引用外部名為
external.js的文件。這個文件包含一個名為
sayHello()的函數，與前面的例子類似。這個例子和內部引用的例子類似，但是這個函數的定義在單獨的文件中，使得代碼更加模塊化和清晰。
當與其他 Web 頁面使用相同代碼時，外部引用使代碼更易于重復使用。只需在多個頁面中包含文件的引用即可。
總的來說，JavaScript 中引用 JS 代碼是一種非常好的編程技巧，使得代碼更加模塊化，易于維護和重復使用。在選擇內部或外部引用時，需要權衡頁面加載速度，代碼維護和重復使用的可行性。