回答:
可能な命名規則の1つは、jQueryが使用する命名スキームに似たものを使用することです。普遍的に採用されているわけではありませんが、かなり一般的です。
product-name.plugin-ver.sion.filetype.js
ここで、product-name
+はplugin
対も表すことができ、名前空間とモジュール。version
そしてfiletype
、通常はオプションです。
filetype
ファイルの内容がどのようになっているかに関連するものにすることができます。よく見られるのは:
min
縮小ファイル用custom
カスタムビルドまたは変更されたファイルの場合例:
jquery-1.4.2.min.js
jquery.plugin-0.1.js
myapp.invoice.js
JavaScriptファイルは、CSSファイルやHTMLファイルなど、他の種類のファイルとは異なり、Web上で固有のものではないため、JavaScriptの特定の規則については知りません。あなたが誤ってクロスプラットフォームの問題に遭遇する可能性を低くすることができるいくつかの「安全な」ことがあります:
various-scripts.js
、ハイフンは安全で便利な、一般的に使用されるセパレータです。JavaScriptファイルに名前を付けるための、公式で普遍的な規則はありません。
いくつかのさまざまなオプションがあります。
scriptName.js
script-name.js
script_name.js
すべて有効な命名規則ですが、私はjQuery推奨の命名規則(jQueryプラグイン用ですが、どのJSでも機能します)を好みます。
jquery.pluginname.js
この命名規則の利点は、追加されるグローバル名前空間の汚染を明示的に説明することです。
foo.js
追加する window.foo
foo.bar.js
追加する window.foo.bar
バージョニングを省略したため、フルネームの後に、できればハイフンで区切って、メジャーバージョンとマイナーバージョンの間にピリオドを付ける必要があります。
foo-1.2.1.js
foo-1.2.2.js
foo-2.1.24.js
The beauty to this naming convention is that it explicitly describes the global namespace pollution being added.
、気づかなかった
Foo
またはを作成するファイルがある場合はどうすればよいですかmyFoo
、単にファイルに名前を付けるFoo.js
か、myFoo.js
それぞれですか
あなたが与えたリンクの質問は、ファイルの名前付けではなく、JavaScript変数の名前付けについて話しているので、質問するコンテキストではそれを忘れてください。
ファイルの命名に関しては、それは単に好みと好みの問題です。キャメルケースのファイル名を扱うときのように、Shiftキーを押す必要がないため、ハイフンを使用してファイルに名前を付けることをお勧めします。WindowsとLinuxのファイル名の違いを気にする必要がないため(Windows XPではファイル名の大文字と小文字は区別されません)。
多くの場合と同様に、答えは「依存する」または「それはあなた次第」です。
従うべき1つのルールは、選択した規則に一貫性を持たせることです。
私は一般的に小文字のハイフンを好みますが、まだ言及されていないことの1つは、ファイル名を単一のモジュールまたはその中に含まれるインスタンス化可能な関数の名前と正確に一致させるとよい場合があることです。
たとえば、var knockoutUtilityModule = function() {...}
kockoutUtilityModule.jsという名前の独自のファイル内で宣言された公開モジュールがありますが、客観的にはknockout-utility-module.jsを好みます。
同様に、私はバンドルメカニズムを使用してスクリプトを結合しているので、保守性を高めるために、インスタンス化可能な関数(テンプレートビューモデルなど)をそれぞれ独自のファイル(C#スタイル)で定義しています。たとえば、ProductDescriptorViewModelは、独自のProductDescriptorViewModel.js内にあります(インスタンス化可能な関数には大文字を使用しています)。
MyPlugin
クラスはで行くだろうMyPlugin.js
。MenuItem
中に行くのコンポーネントリアクトMenuItem.js
。他の開発者は 'your-cool-module'を要求/インポートし、そこから複数のシンボルを使用するので、それに名前を付けcool-module.js
ます。–