Arrayを継承したサブクラスのコンストラクタ呼び出しタイミングについて

分からない点

Arrayを継承したサブクラス (以下"newArray"とします) からArrayのmapメソッドを呼び出そうとしているのですが、この際、意図せぬタイミングでnewArrayのコンストラクタが呼び出されてしまう原因を知りたいと考えています。

ソースコード例

JavaScript
1(()=>{
2  class newArray extends Array{
3    constructor(f, x){
4      super(...x);
5      this.f = f;
6      return this;
7    }
8
9    add(y){
10      const temp = this.map((e, i) => e + y[i]);
11      return new newArray(this.x, temp);
12    }
13  }
14
15  const a = new newArray(undefined, [1, 2, 3]);
16  const b = a.add([0, 1, 2]);
17
18  console.log(a, b);
19})();

コンソールに"[1, 2, 3], [1, 3, 5]"と出力されることを期待しています。
(コンソールでの確認を目的としているため)グローバルで関数・変数定義されないように無名関数で囲んでいます。
コンストラクタ引数やプロパティとしてののfにはxを引数に取る関数を入れる予定ですが、主旨とあまり関係ないため処理等の記述を割愛しています。

エラーメッセージ

上記コードをFirefox (91.0.1 64ビット) のコンソールにそのまま貼り付けて実行した際のエラー出力です。Chrome/Edgeでも同様でした。
最も環境は関係なく、仕様の理解不足によるものと考えていますが…。

Uncaught TypeError: x is undefined
    newArray debugger eval code:4
    add debugger eval code:10
    <anonymous> debugger eval code:16
    <anonymous> debugger eval code:19
debugger eval code:4:13

試したこと

以下について確認したのですが結局原因は掴めず、お知恵を拝借したい所存です。

10行目のmapメソッド呼び出しの直前(?)にnewArrayのコンストラクタ呼び出しが発生していること
コンストラクタの引数が(f = 3, x = undefined) で呼び出されており、xの展開に失敗していること
this.map ⇒ super.map に変えても変化ないこと

以上です。

行動規範の内容に同意します

回答1件

ベストアンサー

10行目のmapメソッド呼び出しの直前(?)にnewArrayのコンストラクタ呼び出しが発生していること

それがmapの仕様です（ECMA-262）。

その際に、コンストラクタは**「長さを表す数値」の1引数**で呼び出されます（ECMA-262）。

つまり、引数を増やしたコンストラクタを持つnewArrayは、mapが期待するコンストラクタを持っていない、という結論です。

投稿2021/08/21 14:11

maisumakun

総合スコア146018

amtt

2021/08/21 14:40

なるほど、迅速なご回答ありがとうございます。助かりました。 super経由でmapを呼びだしても呼び出されるコンストラクタを指定することはできないようですね。解決策の方針として例えば以下のようなものを考えておりますが、他にもっとスマートな案がございましたらご教示いただけないでしょうか。・Array.prototype.map.callで無理やり適用・そもそもmapを使わない

maisumakun

2021/08/21 14:58

mapもオーバーライドする、というのはどうでしょうか。なお、 > Array.prototype.map.callで無理やり適用これは役に立ちません。オブジェクトからコンストラクタを探し出します。

amtt

2021/08/22 02:52

>> Array.prototype.map.callで無理やり適用 > これは役に立ちません。オブジェクトからコンストラクタを探し出します。仰るとおりです。失礼いたしました。 > mapもオーバーライドする取り急ぎ動作確認はArray.fromを噛ませることでお茶を濁しましたが、実際の想定ではそれなりの頻度で呼び出されること(Arrayインスタンス再生成のコストが懸案)や、可読性なども考慮するとそれがベストのように思えてきました。この辺の考察は今後の私の宿題にしようと思います。何はともあれ動作まで漕ぎ着けました。重ねてお礼申し上げます。

行動規範の内容に同意します