Object 文字鍵值作為類型（Typescript）。 我做對了/做對了嗎？

Question

我有文字 object，我希望能夠將它用作 function 中的參數，例如

const SOCIAL_PROVIDER = {
  Google: 'Google',
  Facebook: 'Facebook'
}

handle(SOCIAL_PROVIDER.Google) // OK
handle(SOCIAL_PROVIDER.Twitter) // want TS to throw error
handle('Google') // want TS to throw error

然后是 function 簽名類型，我讓它工作的唯一方法如下

type SocialProvider = {
  Google: 'Google',
  Facebook: 'Facebook'
};

const SOCIAL_PROVIDER: SocialProvider = {
  Google: 'Google',
  Facebook: 'Facebook'
};

type handle = (value: keyof typeof SOCIAL_PROVIDER) => void

我做得對還是正確處理？ 還是有更好的方法？

謝謝。

Answer 1

使用 TypeScript枚舉：

enum SocialProvider = {
  Google: 'Google',
  Facebook: 'Facebook'
};

type handle = (value: SocialProvider) => void

例子：

const func: handle = value => {
  // Do something
}

func(SocialProvider.Google);

Answer 2

就我個人而言，我認為僅使用您的 Providers 創建一個類型既好又簡單..

例如..

type SOCIAL_PROVIDER = 'Google' | 'Facebook';
const SOCIAL_PROVIDER_HANDLE: Record<SOCIAL_PROVIDER, string> = {
  Facebook: 'FB',
  Google: 'GOOGLE'
}

function handle(provider: SOCIAL_PROVIDER) {
  console.log(SOCIAL_PROVIDER_HANDLE[provider]);  
}

handle('Google') // OK
handle('Twitter') // want TS to throw error

TS游樂場

如果你想保持干燥，另一個想法。 例如。 在上面的Google和Facebook得到重復，你可以讓 TS 為你構建類型。

例如。

const SOCIAL_PROVIDER_HANDLE = {
  Facebook: 'FB',
  Google: 'GOOGLE'
};

type SOCIAL_PROVIDER = keyof typeof SOCIAL_PROVIDER_HANDLE;

function handle(provider: SOCIAL_PROVIDER) {
  console.log(SOCIAL_PROVIDER_HANDLE[provider]);  
}

handle('Google') // OK
handle('Twitter') // want TS to throw error