知っておくべきJavaScript開発プラクティス10選のまとめ_基礎知識

多くの開発者は喜んで JavaScript を賞賛しますが、一部の開発者は依然として JavaScript の暗い側面を認識しています。

JavaScript コードを大量に使用する Web ページは、JavaScript を過度に使用すると読み込みが非常に遅くなり、Web ページが見苦しくなり、動作が遅くなります。 JavaScript を効果的に使用する方法は、すぐに大きな話題になりました。

ここでは、JavaScript を効果的に使用するのに役立つ JavaScript のベスト プラクティス 10 をリストします。

1. コードをできるだけ単純にする
おそらく誰もが、このコードの単純さの問題を N 回聞いたことがあるでしょう。開発者であれば、コード開発プロセス中に何度もこれを使用したことがあるかもしれませんが、JavaScript 開発ではこれを決して忘れないでください。

コードを読みやすくするために、開発モードでコメントとスペースを追加してください
運用環境に公開する前にスペースとコメントを削除し、変数名とメソッド名を省略してください
サードパーティを使用してくださいJavaScript の圧縮に役立つツール。
2. プロトタイプを変更する前に考える
オブジェクト プロトタイプに新しい属性を追加することは、スクリプト エラーの一般的な原因です。

コードをコピーします コードは次のとおりです:

yourObject.prototype.anotherFunction = 'Hello' ;
yourObject.prototype.anotherMethod = function () { … };

上記のコードでは、すべて "yourObject" から継承しているため、すべての変数が影響を受けます。このような使用は予期しない動作を引き起こす可能性があります。したがって、使用後は同様の変更を削除することをお勧めします。

コードをコピーします コードは次のとおりです:

yourObject.prototype.anotherFunction = 'Hello' ;
yourObject.prototype.anotherMethod = function () { … };
test.anotherMethod();
delete yourObject.prototype.anotherFunction = 'Hello'
delete yourObject.prototype.anotherMethod = function () { … };

3. Javascript コードをデバッグします
優秀な開発者でも間違いは犯します。同様のエラーを最小限に抑えるために、デバッガでコードを実行し、微妙なエラーが発生しないことを確認してください

4. JS の評価を避けます
「eval」メソッド。 「eval」により、JavaScript コンパイラへのアクセスが許可されます。文字列を引数として「eval」に渡すと、その結果を実行できます。

これにより、コードのパフォーマンスが大幅に低下します。運用環境では「eval」の使用を避けるようにしてください。

5. DOM アクセスを最小限に抑える
DOM は最も複雑な API であり、コードの実行プロセスが遅くなります。場合によっては、Web ページが読み込まれない、または不完全に読み込まれることがあります。 DOM は避けるのが最善です。

6. JavaScript ライブラリを使用する前に JavaScript を学ぶ
インターネットには多くの JavaScript ライブラリが氾濫しており、多くのプログラマーはその悪影響を理解せずに JS ライブラリを使用する傾向があります。サードパーティのライブラリを使用する前に、基本的な JS コードを学習することを強くお勧めします。そうしないと、運が悪くなります。

7. "Eval"
setTimeOut( "document.getID('value')", 3000) の代わりに "SetTimeOut" メソッドと "Setinterval" メソッドを使用しないでください。 ;
上記のコードでは、document.getID('value') が「setTimeOut」メソッドの文字列として処理されます。これは、コードを実行するたびに文字列を実行するためパフォーマンスが低下する「eval」メソッドに似ています。そのため、これらのメソッドにメソッドを渡すことをお勧めします。

setTimeOut(yourFunction, 3000);
8. [] は "new Array();" よりも優れています
よくある間違いは、配列が必要な場合に使用することです。オブジェクトを使用する場合は、オブジェクトを使用する場合は配列を使用します。しかし、使用原則は単純です:

「プロパティ名が連続する小さな整数の場合は、配列を使用する必要があります。それ以外の場合は、オブジェクトを使用します。」 - Douglas Crockford、『JavaScript: Good Parts』の著者。 🎜> 提案:
var a = ['1A','2B'];
回避:

var a = new Array();
a[0] = "1A" ;
a[1] = "2B";

9. var を複数回使用しないようにします
各変数を初期化するとき、プログラマは "var" キーワードを使用することに慣れています。代わりに、カンマを使用して冗長なキーワードを避け、コード サイズを減らすことをお勧めします。 次のように:
var variableOne = 'string 1',
variableTwo = 'string 2',
variableThree = 'string 3';

10 を無視しないでください。 semicolon"; "
これは、多くの場合、デバッグに何時間も費やす理由の 1 つです。
上記の関連コンテンツを他の記事で読んだことがあるはずですが、誰もが多くの基本的なルールを無視していることがあります。セミコロンを見落としたことはありませんか?パフォーマンスの問題を引き起こす eval キーワードの問題に遭遇したことがありますか?皆さんも気に入っていただければ幸いです、ありがとう！