実生活のオブジェクト、プロパティ、およびメソッド
実生活では、車はオブジェクトです。
車は重量と色のような性質を有する、などの方法が開始と停止します:
オブジェクト | プロパティ | メソッド |
---|---|---|
car.name = Fiat car.model = 500 car.weight = 850kg car.color = white |
car.start() car.drive() car.brake() car.stop() |
すべての車は同じ性質を持っていますが、プロパティ値は、車から車に異なります。
全ての車は、同じメソッドを持っていますが、方法は異なる時間に実行されます。
JavaScriptのオブジェクト
あなたは既にJavaScript変数はデータ値のコンテナであることを学びました。
このコードは単純な値割り当て(Fiat)車という名前の変数に:
var car = "Fiat";
»それを自分で試してみてください オブジェクトはあまりにも変数です。 しかし、オブジェクトは、多くの値を含めることができます。
このコードは、多くの値が割り当てられます(Fiat, 500, white)車という名前の変数に:
var car = {type:"Fiat", model:"500", color:"white"};
»それを自分で試してみてください 値のペア(名前とコロンで区切られた値):値は、 名前のように書かれています。
JavaScriptオブジェクトは、 名前付きの値のコンテナです。
オブジェクトのプロパティ
名前:(JavaScriptオブジェクト内)の値のペアは、 プロパティと呼ばれます 。
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
プロパティ | プロパティ値 |
---|---|
firstName | John |
lastName | Doe |
age | 50 |
eyeColor | blue |
オブジェクトメソッド
メソッドは、オブジェクトに対して実行できるアクションです。
方法は、 関数定義などのプロパティに格納されています。
プロパティ | プロパティ値 |
---|---|
firstName | John |
lastName | Doe |
age | 50 |
eyeColor | blue |
fullName | function() {return this.firstName + " " + this.lastName;} |
JavaScriptオブジェクトは、プロパティやメソッドと呼ばれる名前付きの値のコンテナです。
オブジェクト定義
あなたは、オブジェクトリテラルを持つJavaScriptオブジェクトを定義(および作成します):
スペースや改行は重要ではありません。 オブジェクト定義は複数行にまたがることができます。
オブジェクトプロパティにアクセスします
次の2つの方法で、オブジェクトのプロパティにアクセスすることができます。
objectName.propertyName
または
objectName["propertyName"]
オブジェクトのメソッドへのアクセス
あなたは、次の構文を持つオブジェクトのメソッドにアクセスします。
objectName.methodName()
あなたがアクセスした場合fullName プロパティを 、なし()それは関数定義を返します。
オブジェクトとして文字列、数値、およびブール値を宣言しないでください!
JavaScript変数をキーワードで宣言された場合"new" 、変数がオブジェクトとして作成されます。
var x = new String(); // Declares x as a String object
var y = new Number(); // Declares y as a Number object
var z = new Boolean(); // Declares z as a Boolean object
文字列、数値、およびブールオブジェクトを避けてください。 彼らはあなたのコードを複雑にし、実行速度が遅くなります。
後でこのチュートリアルでオブジェクトの詳細を学びます。