プログラミング コードを記述するとき、開発者によって意見は異なります。ただし、いつでも参照することは良いことです。ここでは、Sofish が翻訳したJavascript Toolboxからの14 の JS コード作成のヒントを紹介します ( 1、2 )。
1. 常に「var」を使用する
JavaScript では、変数はグローバル スコープまたは関数スコープのいずれかであり、「var」キーワードを使用することが変数を簡潔かつ明確に保つための鍵となります。グローバルまたは関数レベルの変数を宣言する場合は、常に「var」キーワードを先頭に追加してください。次の例では、これを行わない場合の潜在的な問題を示します。
Var を使用しないことによって生じる問題
var i=0; // これは良いことです - グローバル変数を作成します
関数テスト() {
for (i=0; i<10; i++) {
alert("Hello World!");
}
}
テスト（）;
alert(i); // グローバル変数 i は 10 になりました!
変数関数の変数 i は、関数レベルの変数にするために var を使用していないため、この例ではグローバル変数を参照しています。グローバル変数を宣言するには常に var を使用するのが一般的ですが、関数スコープ変数を定義するには var を使用することが重要です。次の 2 つのメソッドは機能的に同等です。
正しい機能
関数テスト() {
変数i=0;
for (i=0; i<10; i++) {
alert("Hello World!");
}
}
正しい機能
関数テスト() {
for (var i=0; i<10; i++) {
alert("Hello World!");
}
}
2. ブラウザ検出ではなく機能検出
一部のコードは、ブラウザのバージョンを検出し、ユーザーが使用しているクライアントに基づいて、ブラウザのバージョンに対してさまざまなアクションを実行するように記述されています。一般に、これは非常に悪い習慣です。より良い方法は、機能検出を使用することです。古いブラウザーがサポートしていない高度な機能を使用する前に、まず (ブラウザーに) その機能があるかどうかを確認してから、それを使用します。ブラウザのパフォーマンスがわかっている場合でも、ブラウザのバージョンのみを検出することをお勧めします。この問題について詳しく説明した記事は、 http://www.jibbering.com/faq/faq_notes/not_browser_detect.htmlにあります。
例：
if (document.getElementById) {
var 要素 = document.getElementById('MyId');
}
それ以外 {
alert('お使いのブラウザには、このスクリプトを実行するために必要な機能がありません!');
}
出典:幸せなお気に入り