Javascriptの命名規則

私はJavaのバックグラウンドで、JavaScriptを初めて使用しています。次の例のように、単一文字のパラメーター名を使用する多くのJavaScriptメソッドに気付きました。

doSomething(a,b,c)

好きではありませんが、仲間のJavaScript開発者が、これはファイルサイズを小さくするために行われ、JavaScriptファイルをブラウザーに転送する必要があることに気付きました。

それから私は別の開発者と話をしていることに気づきました。Firefoxがページをより速くロードするために変数名を切り捨てる方法を教えてくれました。これはWebブラウザーの標準的なプラクティスですか？

JavaScriptでプログラミングする際に従うべきベストプラクティスの命名変換は何ですか？識別子の長さは重要ですか？その場合、どの程度ですか？

開発者自身が短い変数名を使用していないことがわかります。開発中は、意味のある詳細な変数名を使用しています。

次に、ビルド/リリースプロセスで、Webサイトを高速化するためのベストプラクティスとして、ファイルのサイズを最小化する目的で、作成したコードをミニファイヤ/ 難読化ツールに実行します。パフォーマンスを重視する場合、これはオプションの手順です。ほとんどの小さなWebサイトはこれを行いません。

あなたは、開発者として、縮小/難読化プロセスを気にするべきではありません。読みやすく、意味があり、十分に文書化され、適切に構造化されるようにコードを記述します。次に、パフォーマンスを重視する場合（オプション、忘れないでください！）、リリースプロセスにミニファイヤ/難読化ツールを導入して、コードを最小化し（空白、改行、コメントなどを削除）、難読化します（変数を短くするなど）名前）。難読化と縮小化を説明する優れた記事はこちらにあります。

さらに、Desktop FireFoxは変数名periodを切り捨てません。変数名の切り捨ては、ページのダウンロードを高速化するためにあります。FireFoxがファイルを取得するまでに、ファイルは既にダウンロードされているため、ダウンロードする必要はありません。あなたの友人はこれをしているプラ​​グインを実行するかもしれません。その場合、それを役に立たないのでアンインストールするように彼に言ってください。

完了するために、一部の（モバイル）ブラウザーには、要求したリソースの応答をインターセプトし、それらを圧縮する（JavaScriptファイルの縮小化を含めることができる）仲介サーバーを使用するオプションがあります。圧縮はサーバーで（つまり、ページをダウンロードする前に）行われるため、ファイルを既にダウンロードした後（ブラウザーでではなく、小さなファイルをダウンロードすることの潜在的な利点）に注意してください（質問で提案）。このようなモバイルブラウザには、Opera Mini、および新しいバージョンのGoogle Chrome（少なくともiOSでは、Androidについては不明）が含まれます。詳細については、こちらをご覧ください。

いいえ、すべてのブラウザがJavaScriptを自動的に短縮してパフォーマンスを向上させるわけではありません。

ただし、JavaScriptの場合、難読化ツールと呼ばれるツールやこの目的のために設計されたshinker（またはコンプレッサー）と呼ばれる他のツールがあるため、コードの可読性/保守性を犠牲にして処理速度やセキュリティを向上させるべきではありません。

事前に最適化しないでください。ページの読み込みが十分に速く、JavaScriptに過敏なコンテンツが含まれていない場合は、心配する必要はありません。変数に意味のある名前を付けます。コードの可読性は保守性にとって非常に重要であり、もしあったとしてもめったに犠牲にされるべきではありません。

優れたJavaScriptコーディング規約への参照が必要な場合は、これらを使用することをお勧めします。

早すぎるファイルサイズを心配しないでください。常に懸念事項ですが、読みやすさと保守性がより重要です。

とはいえ、おそらくスクリプトの縮小版（たとえば、YUI Compressor経由）を使用する必要があります。

一般的なWeb開発のベストプラクティスに興味がある場合は、すべてのプログラマーがWeb開発について知っておくべきことを読むことをお勧めします。

JavaScriptで長い間働いていました。

すべての変数にハンガリー語表記法を使用する必要がある命名基準がありました。

それはうまくいくようでした。私はそれを使うことに反対するケースがあることを知っていますが、それは私たちにとってはうまくいきました。特に、ものを見つける必要がある巨大なJavaScriptファイルがある場合。

時期尚早に最適化することには注意します。あなたは実際にはまったく速く実行されない乱雑なコードで終わる可能性が非常に高いです。

識別子の長さは関係ありません。他の人が言ったように、実稼働環境ではスクリプトのダウンロード時間を短縮するためにMinificationを使用できます。実際、特にJavaScriptは風変わりな言語であり、長い間JavaScriptが仕事を成し遂げるための単なるものとして無視されてきたため、許容可能なコーディング/命名規則に従う必要があります。命名規則の場所を探している場合は、Google JavaScriptスタイルガイドが適しています。それは示唆しています、

• functionNamesLikeThis、たとえば、getCashbackData（）{}
• variableNamesLikeThis、たとえば、var alertInterval = 10;
• ClassNamesLikeThis、たとえば、var CustomerOrder = {getOrderLines：function（）{}}
• EnumNamesLikeThis、たとえば、var ColorOfChoice = {White： "#FFFFFF"}
• methodNamesLikeThis、たとえば、var CustomerOrder = {getOrderLine：function（）{}}
• SYMBOLIC_CONSTANTS_LIKE_THIS、たとえば、var EPOCH_UNIX = "01011970"

「クリーンコード開発者」の哲学に腹を立てています（また、上記の投稿から、変数名のサイズを小さくすることでパフォーマンスに影響を与えないことがわかったため）、アドバイスしかできませんでした。

1. 適切なオートコンプリート機能とインテリセンス機能を備えた、aptana、netbeans、eclipse（すべて無料）、または多数の商用製品（無料ゲームがあれば、 JetBrainsの製品を調べてください）

2. コメントが不要になるようにコードを記述してください。つまり、書く代わりに

   getXy(e) { return [e.pageX, e.pageY ] }

   それは本当に何でも意味する可能性があります（特にjsのような狂気の緩く型付けされた言語では;）

   getPageCoordinatesFromEvent(event) { 
       return [event.pageX, event.pageY ];
   }

   優れたIDEでは、通常、変数名を2回入力することは決してありません。2、3秒で数文字を入力し、オートコンプリートからEnterキーを押します。自分ですべての文字を入力することを主張する場合、とにかく良いIDEはいずれにせよタイプミスを通知します。これは非常に表面的な例にすぎないため、（批判の形式としてではなく、正直な推奨として）強くお勧めします

3. Robert C.Martinの「Clean Code」やHunt / Thomasの「Pragmatic Programmer」を入手して、この種の質問を二度と聞かないでください。 -、および（ミニファイを含む）開発プロセスの一部をビルドし、楽しい部分に集中して、優れた機能を果たす明確に理解可能なコードを記述します。

PS最先端のjavascriptコードの開発に慣れる必要がある場合は、上記の「Pro Javascript Techniques」に関するJohn "Mr. jQuery" Resigの本をご覧ください。