頭痛的Javascript 檔案命名

最近在使用react.js開發新的project,
碰到javascript命名的規則。
雖然說沒有對跟錯,
雖然說有folder可以幫忙做整理,
但是好的命名方式真的可以方便開發者快速的瞭解此檔的功能。

例如在react裡面我們有分component, widget, view, page等,
如果我們以page來分的話,
那是不是該把pageA會用到的component, widget, 都放在同一個folder?
還是component folder裡面再繼續開pageA的folder?
還是用命名方式去區隔?
那如果某些component可以共用那該怎麼放?
每個開發團隊都有不同的想法,
但是相同的理念跟一致的看法很重要。
(所以我也沒辦法告訴你我們用的方法,呵~)

於是我開始了我的javascript 檔案命名的旅程
(好啦,其實我沒有花那麼久的時間)
簡單歸納如下:

  1. DOS/windows 系統雖然有大小些,
    但是當他們在比較檔名的時候,
    是不管大小寫的:foobar = FOOBAR = fooBar
    (另外,unix使用者不怎麼許歡shift key...別問我,我不是unix使用者)
  2. 使用camal casing不怎麼好讀。例如以下的範例:
    thisIsALongAndVeryBoringFileName.js
    this-is-a-long-and-very-boring-file-name.js
  3. 檔案的type應該使用句點來區隔,jQuery是個好例子:
    jQuery-1.6.min.js
    jQuery-1.6.js
    min = minified file

是沒有對錯,
只要你覺得好用,
方便閱讀以及你的開發團體有一致的看法就好。
提供以上做參考囉,
也歡迎提出你的抗議或是指正(或是贊同,耶!)

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.