iT邦幫忙

0

【30 天JavaScript 實戰 】 Day 28 |程式風格與靜態檢查

2025-12-29 21:54:05178 瀏覽
  • 分享至 

  • xImage
  •  

剛開始寫程式的時候,通常會遇到幾個狀況,像是一個檔案越寫越長、同一段邏輯重複好幾次、變數名字當下看得懂過幾天就忘了
問題通常不會現在體現
而是下一次要改的時候


一. 先看起來整齊開始

固定縮排

if (isLogin) {
  getUserData()
  renderPage()
}

錯誤:

if (isLogin){
 getUserData()
    renderPage()
}

一行不要塞太多事情

const total = price * count * taxRate

錯誤:

const total = price * count * taxRate * discount * extraFee

變數名稱寫給人看,不是寫給電腦看

const userAge = 20
const isLogin = true

錯誤:

const a = 20
const flag = true

二. 編輯器跳警告,不要第一時間關掉

我們可能會看到變數被畫線、出現警告提示、跳出「unused」、「undefined」之類的字
這些提示通常是在提醒你以下幾點:

  • 這個變數沒用到,可以刪
  • 這個寫法容易出錯
  • 你可能拼錯名字了
    如果先試著照它的建議改一次,
    會發現很多小 bug 在這裡就被擋掉了

三. 靜態檢查實際在做什麼?

它會幫我們避免低級錯誤,包括

  • 抓沒用到的變數
  • 提醒可能寫錯的地方
  • 幫我們維持整個專案寫法一致

四. 新手實用的小習慣

看到提示 → 看一下 → 能改就改

雖然不用一次改完所有警告,但也不要完全無視。
我們會慢慢發現警告越來越少、寫之前就知道什麼寫法比較安全,而且程式比較不容易改壞~


/images/emoticon/emoticon07.gif


圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言