ホームページ > 記事 > ウェブフロントエンド > JavaScript初心者が注意すべき7つの内容を詳しく紹介_基礎知識

JavaScript初心者が注意すべき7つの内容を詳しく紹介_基礎知識

WBOYオリジナル: 2016-05-16 17:45:201067ブラウズ

各言語には独自の特徴があります。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) データ形式として JSON を使用します。 >データを保存するための優れた Douglas Crockford JSON データ形式によって発明され、ネイティブ JavaScript メソッドを使用して、追加の変換を行わずに複雑なデータを保存できます。例:

コードをコピー

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

var Band = {

"name":"The Red Hot Chili Peppers", "members":[ { "name":"アンソニー・キーディス", "role":"リードボーカル" }, {

"name":"マイケル 'フリー' バルザリー" ,

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

 
JSON は JavaScript で直接使用することも、API によって返される形式としても使用できます (


 など)。 
 
コードをコピーします


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