JavaScript/OOP/オブジェクトコンストラクタとオブジェクトリテラルのバックアップ(No.3)

バックアップ一覧
ソースを表示
JavaScript/OOP/オブジェクトコンストラクタとオブジェクトリテラルは削除されています。
- 1 (2011-07-14 (木) 18:56:04)
- 2 (2011-07-14 (木) 20:19:31)
- 3 (2011-07-15 (金) 14:49:42)

オブジェクトコンストラクタとオブジェクトリテラル

オブジェクトコンストラクタ

 function User() {
     this.name = "TARO";
     this.tel  = "03-1234-5678";
     this.age  = 18;
     this.say  = function () { alert("hello") };
 }
 
 var user = new User();

ドットによるアクセスと[]の添え字によるアクセスは同義。

 console.log(user.name);    // => "TARO"
 console.log(user["name"]); // => "TARO"

 user.x     = 1;
 user[1]    = "abc"; // ただし user.1 = "abc" はエラー
 user[true] = false;

オブジェクトリテラル

 var user = {
    name : "TARO",
    tel  : "03-1234-5678",
    age  : 18,
    say  : function () { alert("hello") }
 };

↑これは {} を使ってオブジェクトリテラルで簡易に書いているが、↓以下のように書くのと同じ。

 var user = new Object();
 user.name = "TARO";
 user.tel  = "03-1234-5678";
 user.age  = 18;
 user.say  = function () { alert("hello") };

in演算子によるイテレーション

 for ( var item in user ) {
     console.log( item + " : " + user[item] );
 }

in演算子による真偽判定

 if ("age" in user) {
     console.log(user.age);
 }