class DateFormatter extends Date {  getFormattedDate() {    const months = [      "Jan",      "Feb",      "Mar",      "Apr",      "May",      "Jun",      "Jul",      "Aug",      "Sep",      "Oct",      "Nov",      "Dec",    ];    return `${this.getDate()}-${months[this.getMonth()]}-${this.getFullYear()}`;  }}console.log(new DateFormatter("August 19, 1975 23:15:30").getFormattedDate());// Expected output: "19-Aug-1975"

class ChildClass extends ParentClass { /* … */ }

function OldStyleClass() {  this.someProperty = 1;}OldStyleClass.prototype.someMethod = function () {};class ChildClass extends OldStyleClass {}class ModernClass {  someProperty = 1;  someMethod() {}}class AnotherChildClass extends ModernClass {}

function ParentClass() {}ParentClass.prototype = 3;class ChildClass extends ParentClass {}// Uncaught TypeError: Class extends value does not have valid prototype property 3console.log(Object.getPrototypeOf(new ParentClass()));// [Object: null prototype] {}// Not actually a number!

class ParentClass {}class ChildClass extends ParentClass {}// 静的プロパティの継承が可能Object.getPrototypeOf(ChildClass) === ParentClass;// インスタンスプロパティの継承が可能Object.getPrototypeOf(ChildClass.prototype) === ParentClass.prototype;

class SomeClass extends class {  constructor() {    console.log("基底クラス");  }} {  constructor() {    super();    console.log("派生クラス");  }}new SomeClass();// 基底クラス// 派生クラス

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

警告:標準化委員会は、これまでの仕様にあった組み込みクラスにおけるサブクラス化メカニズムは過剰に設計されており、パフォーマンスとセキュリティへの無視できない影響を発生させているという見解を固めました。新しい組み込みメソッドはサブクラスについてあまり考慮されておらず、エンジンの実装者は一部のサブクラス化メカニズムを除去するかどうか調査しています。組み込みクラスを拡張する際には、継承の代わりにコンポジションを使用することを検討してください。

new (class extends null {})();// TypeError: Super constructor null of anonymous class is not a constructornew (class extends null {  constructor() {}})();// ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructornew (class extends null {  constructor() {    super();  }})();// TypeError: Super constructor null of anonymous class is not a constructor

class NullClass extends null {  constructor() {    // new.target を使用することで、派生クラスが正しいプロトタイプチェーンを    // 持つことができる    return Object.create(new.target.prototype);  }}const proto = Object.getPrototypeOf;console.log(proto(proto(new NullClass()))); // null

class Square extends Polygon {  constructor(length) {    // ここでは、親クラスのコンストラクターを呼び出し、    // Polygon の幅と高さの寸法を渡します。    super(length, length);    // 注: 派生クラスでは、 'this' を使う前に super() を    // 呼び出さなくてはなりません。さもないと参照エラーになります。    this.name = "Square";  }  get area() {    return this.height * this.width;  }}

const Animal = {  speak() {    console.log(`${this.name}が鳴きます。`);  },};class Dog {  constructor(name) {    this.name = name;  }}Object.setPrototypeOf(Dog.prototype, Animal);const d = new Dog("ミッチー");d.speak(); // ミッチーが鳴きます。

class MyDate extends Date {  getFormattedDate() {    const months = [      "Jan", "Feb", "Mar", "Apr", "May", "Jun",      "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",    ];    return `${this.getDate()}-${months[this.getMonth()]}-${this.getFullYear()}`;  }}

class C extends Object {  constructor(v) {    super(v);  }}console.log(new C(1) instanceof Number); // falseconsole.log(C.keys({ a: 1, b: 2 })); // [ 'a', 'b' ]

function MyObject(v) {  return new Object(v);}class D extends MyObject {  constructor(v) {    super(v);  }}console.log(new D(1) instanceof Number); // true

class MyArray extends Array {  // 親の Array コンストラクターの species を上書き  static get [Symbol.species]() {    return Array;  }}const a = new MyArray(1, 2, 3);const mapped = a.map((x) => x * x);console.log(mapped instanceof MyArray); // falseconsole.log(mapped instanceof Array); // true

const calculatorMixin = (Base) =>  class extends Base {    calc() {}  };const randomizerMixin = (Base) =>  class extends Base {    randomize() {}  };

class Foo {}class Bar extends calculatorMixin(randomizerMixin(Foo)) {}

class ReadOnlyMap extends Map {  set() {    throw new TypeError("A read-only map must be set at construction time.");  }}

const m = new ReadOnlyMap([["a", 1]]); // TypeError: A read-only map must be set at construction time.

class ReadOnlyMap {  #data;  constructor(values) {    this.#data = new Map(values);  }  get(key) {    return this.#data.get(key);  }  has(key) {    return this.#data.has(key);  }  get size() {    return this.#data.size;  }  *keys() {    yield* this.#data.keys();  }  *values() {    yield* this.#data.values();  }  *entries() {    yield* this.#data.entries();  }  *[Symbol.iterator]() {    yield* this.#data[Symbol.iterator]();  }}