新JavaScript例文辞典

プロトタイプを作成する

説明

プロトタイプを作成するにはnew Object()などで生成したオブジェクトのprototypeに.(ドット)で区切って継承したい名前を指定します。prototypeに定義したメソッドやプロパティはnewによって生成されたオブジェクトに継承され、元のオブジェクトの値を変更すると継承したオブジェクトにも変更が反映されます。ただし、すでに同じ名前のプロパティ/メソッド/オブジェクト名が定義されている場合には反映されません。

サンプルプログラム

var baseObj = function(str){
this.message = str;
}
baseObj.prototype.value = 12;
var obj1 = new baseObj("test1");
var obj2 = new baseObj("test2");
var obj3 = new baseObj("test3");
document.write("obj1.value = "+obj1.value+"<br>");
document.write("obj2.value = "+obj2.value+"<br>");
document.write("obj3.value = "+obj3.value+"<br><br>");
obj2.value = 34;
document.write("obj1.value = "+obj1.value+"<br>");
document.write("obj2.value = "+obj2.value+"<br>");
document.write("obj3.value = "+obj3.value+"<br><br>");
baseObj.prototype.value = 56;
document.write("obj1.value = "+obj1.value+"<br>");
document.write("obj2.value = "+obj2.value+"<br>");
document.write("obj3.value = "+obj3.value+"<br><br>");
サンプルを実行
[戻る]