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

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

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

各言語には独自の特徴があります。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 によって返される形式としても使用できます (


など)。

コードをコピーします


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

<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>