あなた自身のJavaScriptオブジェクトを作成します.

2826 ワード

JavaScriptオブジェクト
オブジェクトは特殊なデータタイプにすぎず、一連の属性と方法を持っています.例をあげて理解しましょう.一人は対象です.属性はオブジェクトに関する値です.人の属性は名前、身長、体重、年齢、肌の色、目の色などです.すべての人はこれらの属性を持っていますが、それぞれの属性の値が違います.オブジェクトにも方法があります.方法は対象に加える行為です.人の方法は食べる、寝る、仕事、遊びなどかもしれません.
属性
オブジェクトの属性にアクセスする方法:
オブジェクト名.属性
属性に簡単に値を割り当てることで、オブジェクトに属性を追加することができます.personObjというオブジェクトが存在すると仮定すると、firstname、lastname、age、exolorなどの属性を追加することができます.
personObj.firstname="John"
personObj.lastname="Doe"
personObj.age=30
personObj.eyecolor="blue"
document.write(personObj.firstname)
上のコードは以下の出力を生成します.
John
方法
オブジェクトには方法が含まれます.
以下の構文を使って方法を呼び出します.
   .   ()
注意:括弧の間にあるメソッドのパラメータは省略できます.
sleepという名前のpersonObjオブジェクトを呼び出す方法:
personObj.sleep()
あなたのオブジェクトを作成します.
オブジェクトを作成するための様々な方法があります.
1.オブジェクトの作成例
次のコードは、オブジェクトのインスタンスを作成し、4つの属性を追加します.
personObj=new Object()
personObj.firstname="John"
personObj.lastname="Doe"
personObj.age=50
personObj.eyecolor="blue"
personObjに方法を加えるのも簡単です.次のコードは、personObjにeat()という名前の方法を追加しました.
personObj.eat=eat
2.オブジェクトのテンプレートを作成する
テンプレートはオブジェクトの構造を定義します.
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname
this.lastname=lastname
this.age=age
this.eyecolor=eyecolor
}
注意:テンプレートは一つの関数だけです.関数の内部でthis.propertiNameにコンテンツを割り当てる必要があります.
モデルを持つと、新しいインスタンスを作成できます.
myFather=new person("John","Doe",50,"blue")
myMother=new person("Sally","Rally",48,"green")
また、いくつかの方法をpersonオブジェクトに追加することもできます.また、同様にテンプレート内での操作が必要です.
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname
this.lastname=lastname
this.age=age
this.eyecolor=eyecolor
this.newlastname=newlastname
}
注意:方法はオブジェクトの関数に依存するだけです.そして、newlastname()関数を作成する必要があります.
function newlastname(new_lastname)
{
this.lastname=new_lastname
}
Newlastname()関数はpersonの新しいlastnameを定義し、それをpersonに割り当てます.「this.」を使うことで、JavaScriptはあなたの指すpersonが誰かを知ることができます.ですから、今はこのように書いてもいいです.myMother.newlastname(「Doe」).