Typescriptで動的に型定義をする方法について

Question

前提・実現したいこと

typescriptでオブジェクトをインスタンス化した際に動的に型付けを行いたい。
下記のコードで、obj1をインスタンス化する際に、型を{a:'01';b:'02'}となるように型定義を行いたいのですが、
どうしても、{a:string,b:string}と言った形になってしまいます。
ジェネリクスを用いて、obj1をインスタンス化の際に動的に型付けを行う方法を教えていただきたいです。
よろしくお願いします。

該当のソースコード

type Obj01 = {
  a: string;
  b: string;
};
type K = keyof { a: string; b: string };

class ObjectWrapper<T extends Obj01> {
  private _obj: T;

  /***
   * 引数のオブジェクトのコピーを this._objに設定
   */
  constructor(_obj: T) {
    this._obj = { ..._obj };
  }

  /**
   * this._objのコピーを返却
   * @return Object
   */
  get obj() {
    return { ...this._obj };
  }

  /**
   * this._obj[key] に valを設定。keyがthis._objに存在しない場合、falseを返却
   * @param key オブジェクトのキー
   * @param val オブジェクトの値
   */
  set(key: K, val: string): boolean {
    if (this._obj[key] !== undefined) {
      console.log(typeof this._obj)
      console.log(typeof key)
      this._obj[key] = val;
      return true;
    }
    return false;
  }
}

const obj1 = { a: '01', b: '02' };
const wrappedObj1 = new ObjectWrapper(obj1);

if (wrappedObj1.obj.a === '01') {
  console.log('OK: get obj()');
} else {
  console.error('NG: get obj()');
}

if (
  wrappedObj1.set('c', '03') === false &&
  wrappedObj1.set('b', '04') === true &&
  wrappedObj1.obj.b === '04'
) {
  console.log('OK: set(key, val)');
} else {
  console.error('NG: set(key, val)');
}

Answer 1

なるほどの〜

質問で実現したいコードの目的としては、

• 変数obj1 を { a: '01', b: '02' }という内容のオブジェクトとして初期化し、かつ、obj1のプロパティを変更不可のものとして得たい。

ということかと思ったんやが、この解釈でええかのう？ 以下は、この解釈に基づく回答やねん。

方法1

const obj1 = { a: '01', b: '02' };

とすると、obj1 の型は、質問にあるとおり{ a: string; b: string }やけど、Typescript 3.4 から導入された constアサーション を使うて

const obj1 = { a: '01', b: '02' } as const;

とすれば、obj1 の型は、{ readonly a: "01"; readonly b: "02" } となるねん。そやからこの obj1 に対して

obj1.a = '03';

とかってやると、

TS2540: Cannot assign to 'a' because it is a read-only property.

というエラーになってくれますわ。

方法2

Object.freeze
を使って、

const obj1 = Object.freeze({ a: '01', b: '02' });

ってやると、obj1 の型は　Readonly<{ a: string; b: string }>になるので、

obj1.a = '03';

とすると、先の方法1のときと同じで

TS2540: Cannot assign to 'a' because it is a read-only property.

というエラーになります。

Comments

[退会済みユーザー]

回答ありがとうございます。
回答いただいたコードだと、
if (
wrappedObj1.set('c', '03') === false &&
wrappedObj1.set('b', '04') === true &&
wrappedObj1.obj.b === '04'
) {
console.log('OK: set(key, val)');
} else {
console.error('NG: set(key, val)');
}
こちらでbに04を設定するのですが、それができないと思うのですが、、、

[退会済みユーザー]

すんまへん。。。やはりワテが質問の解釈を間違うてたみたいやな。他に良い回答がつくとええのう。ワテも他の回答者さんの回答読ましてもろて勉強させてもらいまっさ。