制限付き辞書をタイプ・スクリプトで入力する

Question

タイプ・スクリプト2.0プロジェクトでは、Immutable.jsを使用して不変の変数を定義したいと考えています。特に、マップのキーを既知のセットに制限したいと思います。次のようなもの：

responseのようなものかもしれない

type ConstrainedKeys = 'foo' | 'bar' | 'baz'; 
interface INameValuePair { 
    name: string; 
    value: string; 
}; 
const dictionary = Immutable.Map<ConstrainedKeys, NameValuePair>(response); 

：

{ 
    foo: { 
     name: 'foo', 
     value: 'typing is fun' 
    } 
} 

しかし、私は試してみてdictionary.foo.valueを参照するとき、私は活字のエラーを取得：

[ts] Property 'foo' does not exist on type 'Map<ConstrainedKeys,INameValuePair>'.

Answer 1

Immutable.Mapインスタンスドンエントリのプロパティがある場合は、次のようにアクセスする必要があります。

let foo = dictionary.get("foo"); 

あなたはdictionary.fooのようにアクセスできるようにする場合、あなたはインスタンスを自分で変更する必要がある、またはあなたが使用できるProxy：

const map = Immutable.Map<ConstrainedKeys, INameValuePair>({ 
    foo: { 
     name: 'foo', 
     value: 'typing is fun' 
    } 
}); 

const dictionary = new Proxy(map, { 
    get: (target: Immutable.Map<ConstrainedKeys, INameValuePair>, name: ConstrainedKeys) => { 
     if ((target as any)[name]) { 
      return (target as any)[name]; 
     } 
     return target.get(name); 
    } 
}) as Immutable.Map<ConstrainedKeys, INameValuePair> & { foo: INameValuePair }; 

console.log(dictionary.foo); // {name: "foo", value: "typing is fun"} 
console.log(dictionary.get("foo")); // {name: "foo", value: "typing is fun"}