2012-04-19 5 views
0

私はJavaScriptのオブジェクトを学びたいと思っています。私はインターネット上で時間を過ごして、JavaScriptのオブジェクトについて少し学びます。オブジェクトの使い方とJavaScriptの独自のオブジェクトを構築する方法が混乱しています。私はまた、独自のカスタムオブジェクトを使用するいくつかのjavascript関数を参照してください。私は例えばいくつかのコードを持っています。JavaScriptのオブジェクトは何ですか

var animationSections = { 
     'intro': 0, 
     'over': 200, 
     'around': 1600, 
     'through': 3500, 
     'share': 5000 
    }; 

私はアニメーション用の1つのjavascriptファイルから上記のコードをコピーし、このオブジェクトを使用します。

startAt: 0+animationSections.over 

我々はむしろ我々は何のオブジェクト「200」

+0

あなたは私がここで質問の多くを尋ね、私はこのウェブサイトへの応答は、私と申し訳ありませんのための教師のようなものを見ることができますよう、私はJavaScriptに新しいです可能性私の英語について私は私の英語ではうまくいきません。 – Carlos

+1

あなたは[オブジェクト指向プログラミング](http://en.wikipedia.org/wiki/Object-oriented_programming)が何であるかを見てみたいかもしれません。 JavaScriptは、オブジェクト指向言語である[プロトタイプベース](http://en.wikipedia.org/wiki/Prototype-based_programming)です。 – Joseph

答えて

1

あなたがはるかに優れてhere.An OBJECTは、Aは理解できるbackground.Soいくつかのオブジェクト指向プログラミングを持って良いでしょうこのAnimationsectorでは、Object.propertyのメカニズムを介して直接200を表現するObject.Insteadの代わりに、それを表現する。これはあなたのコードをはるかにクリーンで維持しやすいようにします。また、しばらくしていつかコードを再訪するとき、なぜ200が使われているのかを覚えたり地図を描くのはちょっと難しいでしょう。しかし、オブジェクトを維持して「上に」言うなら、その重要性を識別することができます。それはコンテキストを表します。

1

を使用することができますanimationSections.over使用なぜ今、私の質問が出てくるには非常に大きな問題です。オブジェクトの使用は、本の章で詳細に表現されています。


あなたの質問に答えるために、あなたの代わりにanimationSections.overの、200を使用することができます。

あなたの例でのオブジェクトの主な使用は、より記述的/体系化されたコードを書くためのより良い方法です。上で述べたように、オブジェクトには他にも多くの利点があります(例えば、ループスループロパティ、変数のローカライズ、パラメータ渡しなど)。

オブジェクトの概念は、キー/値のペアとしての変数の集合です。ここでは、値は静的または関数参照でもかまいません。

1

JavaScriptでは、プリミティブな値ではないものはすべてオブジェクトです。これは、プロパティを持つことができ、それが継承するプロトタイプオブジェクトを持つことができる(できます)構造を意味します。それらを構築して使用する方法は、この回答の範囲を超えます(short introduction)。


なぜ私たちはここに値200を使用していけませんか?

私たちはそれを必要とする場合は別の場所でそれを繰り返す必要がありました。設定オプションであるため、多くの場所で変数を変更する必要がありますので、ここで変数を使用します。

ここで[変数のセット]は使用しないでください。

我々はできましたが、オブジェクトの使用にはいくつかの利点があります。ここではオプションで

  • この構造データを、。シンプルな構造は、類似のオプションをもたらすでしょう。特に便利な設定では、どのオプションが一緒に属しているかを見ることができます。アニメーションへ
  • 複数の類似したオブジェクト(同じキーを持つオブジェクト)を使用できます。異なる変数に同じ変数名を使用することはできませんでした。
  • 我々は(この例では必要ありません)、それをループ
+0

関数でさえもオブジェクトですhttps://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function – Eric

+0

特に明示したことがありますか? – Bergi

関連する問題