es6子クラスにメソッドを追加する

Question

通常の配列メソッドに加えて独自のメソッドを持つArrayから派生した新しいクラスを作りたいと思います。

export class ObjectCollection<T extends Iidentifier> extends Array<T> { 

    constructor(collection: T[] = []) { 
    super(...collection); 
    } 

    // used for getting instance from a collection of objects 
    public getInstance(id: Id) { 
    return this.find(item => item.Id.toString() === id.toString()) || new 
    Array<T>(); 
    } 

} 

また、そのクラスを継承する子クラスもあります。

export class TargetCategories extends ObjectCollection<TargetCategory> { 

    constructor(categories: TargetCategory[] = []) { 
    super(categories); 
    } 

    public getCategoryType(id: Iidentifier): string { 
    return this[id].Category.length < 2 ? "dummy" : "saved"; 
    } 

} 

私がTargetCategoriesオブジェクトをインスタンス化するとき、私は配列にあるメソッドしか使用できません。私はgetCategoryTypeやgetInstanceのようなものを呼び出すことができません。

Answer 1

私はそれをまとめて固定小バグを入れました。それは大丈夫です。

type Id = number; 
interface Iidentifier { 
    Id: number; 
} 

class ObjectCollection<T extends Iidentifier> extends Array<T> { 

    constructor(collection: T[] = []) { 
    super(...collection); 
    } 

    // used for getting instance from a collection of objects 
    public getInstance(id: Id) { 
    return this.find(item => item.Id.toString() === id.toString()) || new 
    Array<T>(); 
    } 

} 

interface TargetCategory extends Iidentifier { 
    Category: number[]; 
} 

class TargetCategories extends ObjectCollection<TargetCategory> { 

    constructor(categories: TargetCategory[] = []) { 
    super(categories); 
    } 

    public getCategoryType(id: Iidentifier): string { 
    return this[id.Id].Category.length < 2 ? "dummy" : "saved"; 
    } 
} 

let tc = new TargetCategories(); 
tc.getInstance(1); 
tc.getCategoryType({ Id: 2 }); 

Answer 2

私はそれが働く方法を見つけましたが、私はそれが唯一の方法、または最もクリーンな方法であるとは思わない。

interface IDifferentArray { 
    id: string | number; 
} 

export class DifferentArray<T extends IDifferentArray> extends Array<T> { 

    public lengthMessage:() => void; 
    public otherMethod:() => number; 

    constructor(items: Array<T> = []) { 
     super(...items); 

     this.lengthMessage = function() { 
      return `My length is ${this.length}`; 
     } 

     this.otherMethod = function() { 
      return 12; 
     } 
    } 
} 

ネイティブ配列のメソッドとプロパティにアクセスして、独自のインスタンスメソッドを追加できます。コンストラクタの外側に配置すると、クラスメソッドになります。

これは、通常のjavascriptで動作する方法です。私はes6/typescriptが実際のOOPをエミュレートすると思ったが、そうは思わなかった。