constructor

メモ: このページでは constructor の構文を紹介します。すべてのオブジェクトに存在する constructor プロパティについては、 Object.prototype.constructor を参照してください。

class Polygon {
 constructor() {
 this.name = "Polygon";
 }
}
const poly1 = new Polygon();
console.log(poly1.name);
// 予想される結果: "Polygon"

constructor() { /* ... */ }
constructor(argument0) { /* ... */ }
constructor(argument0, argument1) { /* ... */ }
constructor(argument0, argument1, /* ..., */ argumentN) { /* ... */ }

class Person {
 constructor(name) {
 this.name = name;
 }
 introduce() {
 console.log(`こんにちは、私は${this.name}です。`);
 }
}
const otto = new Person("オットー");
otto.introduce(); // こんにちは、私はオットーです。

constructor() {}

constructor(...args) {
 super(...args);
}

メモ: 上記のような明示的なコンストラクターと既定のコンストラクターの異なる点は、後者が実際には配列イテレーターを呼び出して引数のスプレッドを行わないことです。

class ValidationError extends Error {
 printCustomerMessage() {
 return `Validation failed :-( (details: ${this.message})`;
 }
}
try {
 throw new ValidationError("Not a valid phone number");
} catch (error) {
 if (error instanceof ValidationError) {
 console.log(error.name); // これは ValidationError の代わりのエラー
 console.log(error.printCustomerMessage());
 } else {
 console.log("Unknown error", error);
 throw error;
 }
}

class ValidationError extends Error {
 constructor(message) {
 super(message); // 親クラスのコンストラクターの呼び出し
 this.name = "ValidationError";
 this.code = "42";
 }
 printCustomerMessage() {
 return `検証に失敗しました :-( (details: ${this.message}, code: ${this.code})`;
 }
}
try {
 throw new ValidationError("正しい電話番号ではありません。");
} catch (error) {
 if (error instanceof ValidationError) {
 console.log(error.name); // これは ValidationError になる
 console.log(error.printCustomerMessage());
 } else {
 console.log("未知のエラーです", error);
 throw error;
 }
}

new (class C extends class B {
 constructor() {
 console.log(this.foo());
 }
} {
 #a = 1;
 foo() {
 return this.#a; // TypeError: Cannot read private member #a from an object whose class did not declare it
 // これは、クラスが宣言していないのではなく、スーパークラスの
 // コンストラクターが実行されている時点で、プライベートフィールドが
 // まだ初期化されていないため。
 }
})();

class ParentClass {
 constructor() {
 return 1;
 }
}
console.log(new ParentClass()); // ParentClass {}
// 返値はオブジェクトではないので無視される。 これはコンストラクター関数と同じ。
class ChildClass extends ParentClass {
 constructor() {
 return 1;
 }
}
console.log(new ChildClass()); // TypeError: Derived constructors may only return object or undefined

class Person {
 constructor(name = "名無し") {
 this.name = name;
 }
 introduce() {
 console.log(`こんにちは、私は${this.name}`);
 }
}
const person = new Person();
person.introduce(); // こんにちは、私は名無し

class Foo {
 // これは算出プロパティ名です。コンストラクターとしてピックアップされることはありません。
 ["constructor"]() {
 console.log("called");
 this.a = 1;
 }
}
const foo = new Foo(); // ログ出力なし
console.log(foo); // Foo {}
foo.constructor(); // "called" と出力
console.log(foo); // Foo { a: 1 }

class Square extends Polygon {
 constructor(length) {
 // ここでは、ポリゴンの幅と高さを指定された長さにして、親クラスの
 // コンストラクターを呼び出しています。
 super(length, length);
 // メモ: 派生クラスでは、`this` を使用する前に `super()` を呼び出す
 // 必要があります。これを省略すると ReferenceError が発生します。
 this.name = "Square";
 }
 get area() {
 return this.height * this.width;
 }
 set area(value) {
 this.height = value ** 0.5;
 this.width = value ** 0.5;
 }
}

class Polygon {
 constructor() {
 this.name = "Polygon";
 }
}
class Rectangle {
 constructor() {
 this.name = "Rectangle";
 }
}
class Square extends Polygon {
 constructor() {
 super();
 }
}
// Polygon の代わりに(基本クラスである) Rectangle を継承するようにする
Object.setPrototypeOf(Square, Rectangle);
const newInstance = new Square();
// newInstance はまだ Polygon のインスタンスです。
// Square.prototype のプロトタイプを変更していないので、
// newInstance のプロトタイプチェーンは以下のままです。
// newInstance --> Square.prototype --> Polygon.prototype
console.log(newInstance instanceof Polygon); // true
console.log(newInstance instanceof Rectangle); // false
// ただし、 super() はコンストラクターとして Rectangle を呼び出すため、
// newInstance の name プロパティは Rectangle のロジックで初期化されます。
console.log(newInstance.name); // Rectangle

MDN の改良に協力

このページは MDN の貢献者によって 2025年9月18日 に最終更新されました。