JavaScript初心者が注意すべき7つの内容まとめ_JavaScriptスキル-jsチュートリアル-php.cn

各言語には独自の特徴があります。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 で使用されます。コードをコピーします

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

著者別の最新記事