一般的な命名規則に従うことで、読みやすさが向上し、コードのスキーム終了がより簡単になります。 それにもかかわらず、多くのビルダーは、命名規則を正確に使用するというアイデアにもはや反応しておらず、繊細なものを作成することはめったにありません.
この記事では、10 JavaScript の命名規則の最も簡単な方法は、遵守する必要があります。
1. 変数の命名規則
JavaScript の変数名は大文字と小文字が区別されます。 小文字と大文字が決定されます。 次のように、犬の決定を格納するための 3 つのなじみのない変数の概要を簡単に説明できます。
var DogName=’Scooby-Doo’; var dogName=’ドルーピー’; var DOGNAME=’オーディ’; console.log(犬名); // “スクービードゥー” console.log(dogName); // “ドルーピー” console.log(DOGNAME); // “Odie”
それでも、JavaScript 変数を話すための最も推奨される定式化は camel case 変数名。 おそらく、JavaScript のすべての形式の変数にキャメル ケースの命名規則を使用できます。 // 不適切な var dogname='Droopy'; // 不適切 var dog_name='Droopy'; // 不適切 var DOGNAME='Droopy'; // 不適切 var DOG_NAME='Droopy'; // 正直 var dogName='Droopy';
変数の名前は自明であり、保存されたインプリントを命令する必要があります。 犬の名前を格納する変数が必要な場合は、より意味のあるので、しっかりしたタイトルの変更として dogName を使用する必要があります.
// 不適切var d='スクービードゥー'; // 不適切な var define='Scooby-Doo'; // 正直 var dogName='Scooby-Doo';2. Boolean の命名規則Boolean 変数の場合、is の使用は避ける必要があります。 または には接頭辞として が付きます。 犬に飼い主がいるかどうかを調べるためにブール変数が必要な場合は、変数決定として hasOwner を使用する必要があります.
// 不適切な var bark=スプリアス; // 真実 var isBark=spurious; // 不適切 var 有益=正確; // 正直な var areIdeal=正確; // 不適切な変数所有者=正確; // 正直な var hasOwner=正確;最も簡単で最も包括的な JavaScript UI コントロール ライブラリにつまずく市場。
つまずく
3. 命名 関数の表記規則
JavaScriptの機能名はケース美学でもあります。 したがって、変数と同様に、キャメルケース の定式化は、機能名を話すための提案された定式化です.
それと同様に、説明的な名詞や動詞を接頭辞として使用することは避けてください。 吃音にしましょう。機能に決定を取得するように命令する場合、機能決定は getName でなければなりません。
// 不適切な機能決定(犬名、所有者名) { return ' ${dogName} ${ownerName}'; } // 正直な機能 getName(dogName, ownerName) { return '${dogName} ${ownerName}'; }4. 定数の命名規則JavaScript 定数も大文字と小文字が区別されます。 それにもかかわらず、これらの定数は、変更されない変数であることを覚えておいて、大文字で 書かなければなりません.
var LEG=4; var TAIL=1; var MOVABLE=LEG + TAIL;変数宣言が 1 つよりも大きい観察に対応することを決定する場合は、使用を避ける必要があります UPPER_SNAKE_CASE.
var DAYS_UNTIL_TOMORROW=1;すべての定数は、ファイル、調合、またはクラスのすべての前に定義する必要があります。
5. レッスンの命名規則
JavaScript コースの命名規則のガイドラインは、ケイパビリティとほぼ同じです。 クラスの機能を示すわかりやすいタイトルを使用する必要があります。
機能名とクラス名のよく知られた違いは、洗練された名前のパスカルケース.
class DogCartoon { constructor(dogName, ownerName) { this.dogName=dogName; this.ownerName=ownerName; } } var comic strip=珍しい DogCartoon('Scooby-Doo', 'Shaggy');6. パーツの命名規則JavaScript の構成要素は、React などのフロントステイ フレームワークで広く脆弱です。 DOM内で脆弱な食材であっても、コースと同等に扱い、パスカルケースの使い方を規定する
// 不適切な機能 dogCartoon(roles) { return ( 犬のタイトル: { roles.dogName } 所有者の役職: { roles.ownerName } ); } // 正直な機能 DogCartoon(roles) { return ( 犬のタイトル: { roles.dogName } 所有者の役職: { roles.ownerName } ); } 頭文字が大文字で連なっているので、ネイティブHTMLやネット食材と比べて食材が目立ちます
開発者がアプリを見つけるために JavaScript コントロールを使用するために必要なものすべて今すぐ読む
7。 テクニックの命名規則
多少の違いはあるものの、JavaScript の機能とスタイルの構築はほぼ同等です。 したがって、命名規則のガイドラインは同等です。
常に キャメル ケース を使用する必要があります。 JavaScript のアイデアを話し、動詞をプレフィックスとして使用して、より意味のある名前を作成します。
class DogCartoon { constructor(dogName, ownerName) { this.dogName=dogName ; this.ownerName=ownerName; } getName() { return '${this.dogName} ${this.ownerName}'; } } var comic strip=珍しい DogCartoon('Scooby-Doo', 'Shaggy'); console.log(コミックストリップ.getName()); // 「スクービードゥー シャギー」8. 最も深い関数を示すための命名規則 アンダースコア ( _ ) は、MySQL や PHP などの言語で、変数、機能、およびアイデアを規定するために広く脆弱です。 それにもかかわらず、JavaScript では、アンダースコアは非公開の変数または機能を示す傾向があります。
toonName のように非公開の機能を決定する場合は、それを示すのに十分であることを吃音にしましょう。プレフィックスとしてアンダースコアの横にある非公開機能として (_toonName).
class DogCartoon { constructor(dogName, ownerName) { this.dogName=犬の名前; this.ownerName=ownerName; this.determine=_toonName(犬の名前、所有者の名前); } _toonName(dogName, ownerName) { return `${dogName} ${ownerName}`; } } var comic strip=珍しい DodCartoon('Scooby-Doo', 'Shaggy'); // 正直な var 決定=コミック ストリップ.決定; console.log(決定); // "Scooby-Doo Shaggy" // 不適切と判断=comic strip._toonName(comic strip.dogName, comic strip.ownerName); console.log(決定); // 「スクービードゥー シャギー」9. 国際変数の命名規則ワールド JavaScript 変数については、特に命名要件はありません。
キャメルケース for mutable ワールド変数と 大文字 for ) 不変 ワールド変数
Syncfusion JavaScript コントロールを使用すると、非常に効率的な基幹業務の目的を形成できます。今すぐやってみて下さい
10. ファイル名の命名規則 ほとんどのネット サーバー (Apache、Unix) は、レコードデータの処理の定式化によって大文字と小文字が区別されます。 どもりましょう flower.jpg ではない 花.jpg.
多様化した一方で、Microsoft の IIS に相当するネット サーバーは、もはやケースを気にしません。 そのようなサーバーでは、おそらく を利用するかもしれません*)花.jpgまたは
flower.jpg アクセスするために 花.jpg.それにもかかわらず、大文字と小文字を区別しないサーバーから大文字と小文字を区別するサーバーに切り替えると、小さな間違いでさえ、ネット住居を破裂させる可能性があります.
したがって、を使用することをお勧めします. 大文字と小文字の美的強化にもかかわらず、すべてのサーバーで小文字のファイル名。
結論 この記事では、コーディング スキルを強化する可能性のある 10 個の JavaScript 命名規則について説明しました。 ビルダーとして、私たちは常に最も簡単なプラクティスに固執する必要があります.コーディングスキルを強化できます。 読んでいただきありがとうございます。
The Syncfusion JavaScript スイート は、アプリケーションを作成するのにふさわしい究極のスイートです。 1 つのバンドルに、65 を超える高効率、軽量、モジュール式、およびレスポンシブな UI 要素が含まれています。 無料試用版をダウンロードして、上のコントロールを確認してください
ご不明な点やご意見がございましたら、 までご連絡ください) フォーラムの強化, ポータル強化、または アイデアポータル。
関連ブログ JavaScript の純粋関数と非純粋関数: 合計ファイルValuable JS 2 での JavaScript Breadcrumb Adjust の導入
惨めさなし Blazor サーバー アプリで JavaScript 調整を使用する Valuable JS 2 に JavaScript Signature Pad Adjust を導入
)
𝚆𝚊𝚝𝚌𝚑 𝙽𝙾𝚆 📺
