JavaScript初心者が注意すべき7つの内容まとめ_JavaScriptスキル

各言語には独自の特徴があります。JavaScript の場合、var を使用して任意の型の変数を宣言できます。このスクリプト言語は非常に単純に見えますが、洗練されたコードを記述するには継続的な経験の蓄積が必要です。この記事では、JavaScript 初心者が注意すべき 7 つの詳細をリストし、それらを共有します。
(1) コードを簡略化します
JavaScript でオブジェクトと配列を定義するのは非常に簡単です。通常、次のように記述します。

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

var car = new Object();
car.colour = 'red';
car.wheels = 4;
car.age = 4; :

コードをコピー

コードは次のとおりです: var car = { colour :'red',

wheels:4,

hubcaps:'spinning',
age:4
}


以下ははるかに短いので、オブジェクト名を繰り返し記述する必要はありません。
さらに、配列を記述する簡潔な方法もあります。以前は、次のように配列を宣言しました。

コードをコピー

コードは次のとおりです: var movieThatNeedBetterWriters = new Array( 'Transformers','Transformers2','Avatar','Indiana Jones 4'

); >

詳細 簡潔に書く方法は次のとおりです:

コードをコピーします

コードは次のとおりです: var movieThatNeedBetterWriters = [ 'Transformers','Transformers2','Avatar','Indiana Jones 4' ]; 配列の場合は、は連想配列のような特別なものです。 多くのコードが次のようなオブジェクトを定義していることがわかります:

コードをコピーします

コードは次のとおりです:

var car = new Array(); car['color'] = 'red'; car['wheels'] = 4; Spining'; car['age'] = 4;

これはおかしなことです。「連想配列」は単なるオブジェクトのエイリアスです。

コードを簡素化するもう 1 つの方法は、三項演算子を使用することです。例:




コードをコピーします

コードは次のとおりです。

var 方向; if(x 方向 = 1; } else { 方向 = -1;

次のコードを使用してこの記述を置き換えることができます:

コードをコピーします


コードは次のとおりです。

var directive = x

(2) 偉大な Douglas Crockford が発明したJSON データ形式でデータを保存する場合、ネイティブ JavaScript メソッドを使用して、追加の変換を行わずに複雑なデータを保存できます。例: コピー コード

コードは次のとおりです:
var Band = {
"name":"The Red Hot Chili Peppers",
"members":[

{ "名前": "アンソニー キーディス", "役割":"リード ボーカル" }, { "名前":"マイケル 'フリー' バルザリー", "役割":"ベースギター、トランペット、バッキングボーカル"

},

{
"名前":"チャド・スミス",
"役割":"ドラム、パーカッション"
},
{
"名前":"ジョン・フルシアンテ",
"役割":"リードギター"
}
],
"年":"2009"
}


JSON は JavaScript で直接使用することも、API によって返される形式としても使用できます。これは、次のような多くの API で使用されます。コードをコピーします


コードは次のとおりです:

<script> <br>function fresh(o){ <br>var out = '<ul>'; for(var i=0;i<o.length>out = '<li><a href="' o[i].u '">' ].d '</a></li>'; <br>} <br>out = '</ul>'; <BR>document.getElementById('delicious').innerHTML = out; 🎜>} <BR></script>