Array継承クラスのflowtypeエラー

Question

前提・実現したいこと

javascriptにて

Arrayを継承したクラスを定義したところ、flowでエラーが出ました。
解消方法が不明です。

tryflow: URL

発生している問題・エラーメッセージ

3: module.exports = class SampleArray extends Array {
                                              ^ Cannot use `Array` [1] with less than 1 type argument.
References:
[LIB] static/v0.73.0/flowlib/core.js:239: declare class Array<T> extends $ReadOnlyArray<T> {
                                                              ^ [1]```

該当のソースコード

// @flow

module.exports = class SampleArray extends Array {

};

試したこと

flowのエラー自体を解消するには extends Array<Object>とすれば良いですが、
その場合JSの構文エラーとなります。

extends Array<Object> {
             ^
SyntaxError: Unexpected token <

こちらはnode環境、cli上でmochaのテストで実行してみると、上記の構文エラーがでます。
（node v8.11.1）

Comments

[miyabi_pudding]

JSの構文エラーが出たというのは、どのような環境でしょうか。記載をお願いします。JavaScriptは現在多種多様な環境で使われている言語ですので、プラットフォームによって、エラーが出る出ないということが起こり得ます。

[nitaking]

追加しました。nodeです

Answer 1

以下の書き方普通にできませんか？
flowでエラー出ても、
Node環境ならいけそうな気がするんですが・・・。

class SampleArray extends Array {
  
}

参考URL：https://qiita.com/mHadate/items/77f18cc1629ef38c1399

flow上でエラーが出るのは、どうやら、Arrayがクラスとして認識されてないからかと思われます。

class Array {
}

class SampleArray extends Array {  
  
};

こうすると、flow上ではエラーがでないです。
ということから考えると、flow上では、Arrayはクラスとして定義されていないということかと思います。
であるならば、通常のJavaScript環境なら、

class SampleArray extends Array {  
  
};

は使えるかと思われます。

Comments

[nitaking]

flowを無視すると、問題なく動くことは確認しました。
今回、flow・JS仕様、どちらもエラーなく記載する方法を探しているのですが、その方法はないということでしょうか？

[miyabi_pudding]

flowでエラーが出る原因を追記いたしました。

[nitaking]

ありがとうございます！
flow・JS仕様、ともにエラー回避することを確認しました。
ここで更に問題がありまして、定義したSampleArrayに求める挙動として、配列（Array）を継承させたかったのですが、独自定義したArrayですと配列としての挙動は定義されておりません。
（独自定義Arrayに配列（Array）を継承させると、また同じことが起きるので・・・）

[miyabi_pudding]

うーん、flow自体にそのような仕様がそもそも実装されていないようなので・・・。
class Array {
arr;
constructor (arg){
this.arr = new Array(0);
}
forEach(f){
this.arr.forEach(f);
}
}
とかを、flowだけ追加ってやってって、地道にArrayのメソッドとか追加していくしかないと思いますよ。
どうしても、テスト環境がほしいなら、flow以外の別のテスト環境を見つけるとかなどでしょうかね。

[nitaking]

なるほど・・・
調べた限り情報がないのでそういう方向性になるんでしょうか。
ありがとうございます。

Answer 2

module.exports = class SampleArray<T> extends Array<T> {

↑こうじゃろ。

Comments

[nitaking]

その場合も、JS構文エラーとなります…。

```
module.exports = class SampleArray <T> extends Array<T> {
^

SyntaxError: Unexpected token <
```