iT邦幫忙

2022 iThome 鐵人賽

DAY 6
0

昨天我們講完了檔案的命名
今天我們來看變數的部分

Variable

正如上一篇所說

好的命名,能讓接手的人或者參與開源專案的人,更容易了解每個檔案他是在做什麼的
不好的命名,準備被開發的人幹到起飛(X

命名在檔案內的變數尤為重要

各個程式語言的命名規範

不同的程式語言會有不一樣的命名習慣

如 python 在變數和函數的命名上是使用 snake_case (蛇形命名法)

而在 PHP 中函數的命名一樣為 snake_case
比較不同部分在於,class 的命名可以為大駝峰和小駝峰命名(PHP Userland Naming Guide)

那在 JavaScript 呢?

MDN 裡面寫道

For primitive values, use camelCase, starting with a lowercase character.

我們接著回來看到專案的變數命名

專案的變數命名

  • normal
    lower Camel Case
  • constant
    全大寫 + 下底線
  • component & styled-component
    Upper Camel Case
  • custom hook
    lower Camel Case
  • type
    Upper Camel Case
  • GraphQL Query & Mutation
    全大寫 + 下底線

Others

如果變數為布林值,多以「is」或「has」開頭

如果對變數的命名有興趣的話,推薦可以去看「無瑕的程式碼」
其中有一章在講「有意義的命名」

明天我們接著看路由的部分


上一篇
Naming (1) : file
下一篇
Routing
系列文
從 Open Source 專案學習 React 開發 - 以 lodestar-app 為例30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言