ES6 クラスによる関数の拡張

ES6 では、特別なオブジェクトを拡張して、Function オブジェクトからの継承を許可できます。このようなオブジェクトを関数として呼び出すことは可能ですが、この呼び出しのロジックを実装するのは困難な場合があります。

インスタンス データを関数呼び出しに渡す

クラスを関数として呼び出す場合、これはウィンドウオブジェクトを指します。インスタンス データにアクセスするには、2 つの方法が利用可能です:

1. ハードコーディング: インスタンス データを含むコード文字列を期待するようにスーパー呼び出しを強制します。

class Smth extends Function {
  constructor(x) {
    super("return "   JSON.stringify(x)   ";");
  }
}

2. クロージャの使用: インスタンス変数にアクセスするクロージャ関数を返します。

class Smth extends Function {
  constructor(x) {
    function smth() { return x; };
    Object.setPrototypeOf(smth, Smth.prototype);
    return smth;
  }
}

関数拡張の抽象化

より一般化されたアプローチは、拡張を処理する ExtensibleFunction クラスを作成することです。

class ExtensibleFunction extends Function {
  constructor(f) {
    return Object.setPrototypeOf(f, new.target.prototype);
  }
}

このクラスは、特定のクラスを拡張するために使用できます。

class Smth extends ExtensibleFunction {
  constructor(x) {
    super(() => { return x; }); // closure
  }
}

要約すると、ES6 クラスで Function を拡張すると、呼び出しロジックをカスタマイズしながら関数の動作を継承できます。拡張関数を呼び出すときに、さまざまなアプローチを使用してインスタンス データへのアクセスを提供できます。