TypeScript のジェネリクス (Generics)を使用した関数・クラスを解説！

function 関数名<T>(パラメータ: T): T {
  // パラメータに対する処理
  return パラメータ;
}

function echoString(value: string): string {
  return value;
}

function echoNumber(value: number): number {
  return value;
}

function echo<T>(value: T): T {
  return value;
}

// resultStringはstring型
const resultString = echo<string>("Hello, TypeScript!");

// 型推論によりresultNumberはnumber型になる
const resultNumber = echo(42);

class StringStorage {
  private data: string[] = [];

  addItem(item: string) {
    this.data.push(item);
  }

  getItem(index: number): string {
    return this.data[index];
  }
}

class NumberStorage {
  private data: number[] = [];

  addItem(item: number) {
    this.data.push(item);
  }

  getItem(index: number): number {
    return this.data[index];
  }
}

class Storage<T> {
    private data: T[] = [];

    addItem(item: T) {
        this.data.push(item);
    }

    getItem(index: number): T {
        return this.data[index];
    }
}

const stringStorage = new Storage<string>();
stringStorage.addItem("Hello");
const stringValue = stringStorage.getItem(0);

const numberStorage = new Storage<number>();
numberStorage.addItem(42);
const numberValue = numberStorage.getItem(0);