JavaScriptオブジェクトのプロトタイプ
すべてのJavaScriptオブジェクトは、プロトタイプからプロパティとメソッドを継承します。
前の章では、オブジェクトコンストラクターの使用方法を学びました。
例
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
}
const myFather = new Person("John", "Doe", 50, "blue");
const myMother = new Person("Sally", "Rally", 48, "green");
また、既存のオブジェクトコンストラクターに新しいプロパティを追加できないこともわかりました。
コンストラクターに新しいプロパティを追加するには、それをコンストラクター関数に追加する必要があります。
例
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
this.nationality = "English";
}
プロトタイプ継承
すべてのJavaScriptオブジェクトは、プロトタイプからプロパティとメソッドを継承します。
Dateオブジェクトの継承元Date.prototypeArrayオブジェクトの継承元Array.prototypePersonオブジェクトの継承元Person.prototype
はObject.prototypeプロトタイプ継承チェーンの最上位にあります。
Dateオブジェクト、Arrayオブジェクト、およびPersonジェクトはから継承します。Object.prototype
オブジェクトへのプロパティとメソッドの追加
特定のタイプの既存のすべてのオブジェクトに新しいプロパティ(またはメソッド)を追加したい場合があります。
オブジェクトコンストラクターに新しいプロパティ(またはメソッド)を追加したい場合があります。
プロトタイププロパティの使用
JavaScriptprototypeプロパティを使用すると、新しいプロパティをオブジェクトコンストラクターに追加できます。
例
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
}
Person.prototype.nationality = "English";
JavaScriptprototypeプロパティを使用すると、オブジェクトコンストラクターに新しいメソッドを追加することもできます。
例
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
}
Person.prototype.name = function() {
return this.firstName + " " + this.lastName;
};
独自のプロトタイプのみを変更してください。標準 JavaScriptオブジェクトのプロトタイプは決して変更しないでください。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。