JavaScript のパフォーマンスをいくつか改善してください。
この記事では、コーディング プロセスをより簡単かつ効率的にするための 24 の提案を示します。あなたはまだ JavaScript の初心者で、独自の Hello World を書き終えたところかもしれません。ここにはあなたの仕事に役立つヒントがたくさんあるので、いくつかのヒントをすでに知っているかもしれません。簡単に参照して、できるかどうかを確認してください。新しいものを見つけてください！
注: この記事では Firebug のコンソール オブジェクトを何度も使用しています。 「 Firebug コンソール API 」を参照してください。 Firebug の詳細については、ここをクリックしてください。
1. == の代わりに === を使用するJavaScript には、===|!== と ==|!= という 2 つの異なる等価演算子があります。それに比べれば、前者の方がよりお勧めできます。前者を使ってみてください。
「2 つの比較オブジェクトの型と値が同じ場合、=== は true を返し、!== は false を返します。」
– JavaScript: 良い部分
ただし、== と != を使用すると、異なるデータ型を操作するときに予期しない問題が発生する可能性があります。 JavaScript は、等しいかどうかを判断する前に、それらを文字列、数値、またはブール値に変換しようとします。
2. Eval 関数の使用を避ける
Eval 関数は文字列をパラメータとして受け取り、その文字列を JavaScript ステートメントとして実行し、結果 (参照) を返します。
この関数はスクリプトの実行効率を低下させるだけでなく、テキストであるパラメータに過度の権限を与えるため、セキュリティ リスクも大幅に増加します。使わないでください！
3. 早書きは使わない
技術的には、中括弧と末尾のセミコロンの大部分を省略でき、ほとんどのブラウザは次のステートメントを正しく実行します。
.if(someVariableExists)
× = 偽
ただし、次のような場合はどうなるでしょうか。
.if(someVariableExists)
× = 偽
anotherFunctionCall();
これは次のステートメントと同等であると考えることができます。
if(someVariableExists) {
x = 偽;
anotherFunctionCall();
}
残念ながらそうではありません。実際には、それは次と同等です。
お気づきかと思いますが、どんなに派手なインデントを使っても、派手な中括弧の代わりにはなりません。いずれの場合も、明確な中括弧と最後のセミコロンを記述してください。 1 行しかない場合は省略できる場合がありますが、これはあまりお勧めできません。
if(2 + 2 === 4) 'うまくいきました' を返します。
将来のことをもっと考えてください。将来の開発プロセスで、この if ステートメントにさらにコマンドを追加する必要があるとします。その場合、括弧を追加する必要はありませんか？
if(someVariableExists) {
x = 偽;
}
anotherFunctionCall();