JavaScriptでOOP: メンバーの削除

Posted by hiro on 6月 10, 2011 コメントは受け付けていません。

deleteでメンバーを削除する場合，その影響はプロトタイプまでは及ばない．
プロトタイプを明示的に消すこともできるが，好ましくない

var Person = function() {
};

Person.prototype.sex = 'Men';
var p1 = new Person();
var p2 = new Person();

document.writeln(p1.sex + ' | ' + p2.sex); // Men | Men

// p2のインスタンスにsex=Womanを設定
p2.sex = 'Women';

document.writeln(p1.sex + ' | ' + p2.sex); // Men | Women
// p1のsexを削除．そもそもsexは設定されてないので意味が無い
delete p1.sex;
// p2のsexを削除．'Women'が削除される
delete p2.sex;

document.writeln(p1.sex + ' | ' + p2.sex); // Men | Men

var Person = function() {

};

Person.prototype.sex = 'Men';

var p1 = new Person();

var p2 = new Person();

document.writeln(p1.sex + ' | ' + p2.sex); // Men | Men

// p2のインスタンスにsex=Womanを設定

p2.sex = 'Women';

document.writeln(p1.sex + ' | ' + p2.sex); // Men | Women

// p1のsexを削除．そもそもsexは設定されてないので意味が無い

delete p1.sex;

// p2のsexを削除．'Women'が削除される

delete p2.sex;

document.writeln(p1.sex + ' | ' + p2.sex); // Men | Men

JavaScriptでOOP: プロトタイプを利用した追加

Posted by hiro on 6月 10, 2011 コメントは受け付けていません。

JavaScriptはプロトタイプを利用して定義するとインスタンス化したオブジェクトから共通で利用可能になる．

プロトタイプで定義したメンバーやメソッドをインスタンスレベルで上書きすると，インスタンスに定義されたことになり，インスタンスだけで完結することになる．

// クラスの生成
var Member = function(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
};

//インスタンス化
var mem = new Member('Hiroaki','Fukuda');

// プロトタイプでメソッドを追加
Member.prototype.getName = function() {
    return this.lastName + ' ' + this.firstName;
};

// メソッドの呼び出し．後から追加しても呼び出すことができる
document.writeln(mem.getName());

// 追加したメソッドと同じ名前でメソッドを追加．ただしこちらはインスタンスに追加
mem.getName = function() 
    return "hoge";
}
// メソッドの呼び出し
document.writeln(mem.getName()); // hogeが出力

var mem2 = new Member('Keio','Taro');
document.writeln(mem2.getName()); // Keio Taroが出力

// クラスの生成

var Member = function(firstName, lastName) {

this.firstName = firstName;

this.lastName = lastName;

};

//インスタンス化

var mem = new Member('Hiroaki','Fukuda');

// プロトタイプでメソッドを追加

Member.prototype.getName = function() {

return this.lastName + ' ' + this.firstName;

};

// メソッドの呼び出し．後から追加しても呼び出すことができる

document.writeln(mem.getName());

// 追加したメソッドと同じ名前でメソッドを追加．ただしこちらはインスタンスに追加

mem.getName = function()

return "hoge";

}

// メソッドの呼び出し

document.writeln(mem.getName()); // hogeが出力

var mem2 = new Member('Keio','Taro');

document.writeln(mem2.getName()); // Keio Taroが出力

月	火	水	木	金	土	日
« 5月				7月 »
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

DSSL Blog

JavaScriptでOOP: メンバーの削除

JavaScriptでOOP: プロトタイプを利用した追加

最近の投稿

アーカイブ

カテゴリー

メタ情報

最近の投稿

タグ

アーカイブ

カテゴリー

メタ情報