iT邦幫忙

2025 iThome 鐵人賽

DAY 27
0
Modern Web

從骨架到靈魂:網頁構成三部曲系列 第 27

Day - 27 JavaScript 外部檔案引用與註解使用

  • 分享至 

  • xImage
  •  

1. 嵌入外部 JavaScript 檔案

將 JavaScript 從 HTML 中抽離,存放在副檔名為 .js 的獨立檔案裡,是一種標準且推薦的作法。這麼做主要有以下三大優點:

1.程式碼可重複使用: 一個外部 .js 檔案可以被多個不同的 HTML 頁面引用,無需重複撰寫相同的程式碼。
2.HTML 與 JavaScript 分離: 讓 HTML 專注於網頁的「結構」,而 JavaScript 專注於「行為」,使兩邊的程式碼都更加乾淨、易於閱讀和維護。

嵌入語法:
我們使用<script>標籤,並透過 src (source) 屬性來指定外部 .js 檔案的路徑。
<script src="檔案名稱.js"></script>

2.JavaScript 註解

『註解』是程式碼中專門用來說明的文字,它不會被瀏覽器執行。良好的註解習慣是軟體開發中非常重要的一環
註解的用途:
1.解釋複雜的程式碼邏輯。
2.標記程式碼的用途、作者、修改日期。
3.暫時停用某段程式碼(將其註解掉)以進行測試。

註解的種類:

1.單行註解:
使用兩條斜線 //

// 這是一段單行註解,用來說明底下變數的用途。
let score = 100; // 也可以將註解寫在程式碼的後面。

2.多行註解:
以 /* 開始,並以 */ 結束,可以包覆多行文字。

/*
  這是一段多行註解。
  常用於檔案開頭,用來說明整個檔案的功能、
  作者資訊、以及版權宣告等。
*/
function calculateTotalPrice(price, quantity) {
    return price * quantity;
}

上一篇
Day - 26 JavaScript運算說明
系列文
從骨架到靈魂:網頁構成三部曲27
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言