初めてJavaScriptをやってみよー日記 ~11日目~

javascriptを学習した時の記録としてブログを書いていきます。

内容

• オブジェクトとは
• オブジェクトの作成
• オブジェクト内の値の参照

オブジェクトとは

オブジェクトとは、様々な値と名前(キー)のペアをいくつか持っているものです。構造から、連装配列と呼ばれる場合があります。あらかじめ定義されているものだけではなく、自分で作ることもできます。

オブジェクトの作成

• function文での作成
• Object.createメソッドでの作成

function文での作成

function文でオブジェクトを作成する場合、function文をnewを使って、オブジェクトにすることができます。

function Parson(name, age) {
    this.name = name;
    this.age = age;
    this.dis_name = function(){
        console.log(this.name);
    };
}

var parson_1 = new Parson("yayo", 256);

console.log(parson_1.name); // yayo
console.log(parson_1.age); // 256
parson_1.dis_name() // yayo

Object.createメソッドでの作成

Object.createメソッドを使う場合、データをカプセル化(1-6行目)して、Object.createメソッドの引数をすることで、返り値としてオブジェクトを返してくれます。

var parson_data = {
    name: "yayo",
    age: 256,
    dis_name: function(){
        console.log(this.name);
    }
};

var parson_2 = Object.create(parson_data);

console.log(parson_2.name); // yayo
console.log(parson_2.age); // 256
parson_2.dis_name() // yayo

オブジェクト内の値の参照

オブジェクト内の値を参照するときはオブジェクト名.名前とかくか、オブジェクト名["名前"]と書くことでできます。

var A = function() {
    this.b = 10;
    this.c = function() {
        return this.b +2;
    };
};

var a = new A;

console.log(a.b); // 10
console.log(a.c()); // 12
console.log(a["b"]); // 10