TypeScript 如何創建具有條件返回類型的函數？

Question

我想寫一個有條件返回類型的函數。 如果函數被傳遞一個 'val1' 作為參數，它返回一個字符串類型，如果 'val2' 返回數字類型，依此類推。

簡單的例子

游樂場： 這里

const store = {
  val1: 'string',
  val2: 1,
  val3: true
};

type INames = keyof typeof store; // "val1" | "val2" | "val3"
const getFromStore = (paramName: INames) => {
  return store[paramName];
};

const res = getFromStore('val1'); // return type is string | number | boolean instead of string
res.split(''); // error

Answer 1

const store = {
    val1: 'string',
    val2: 1,
    val3: true
};

const getFromStore = <K extends keyof typeof store>(paramName: K) => {
    return store[paramName];
};

const res = getFromStore('val1');
res.split('');

Answer 2

split 函數對字符串起作用，請注意這個

toFixed 函數對 Number 起作用，請注意這個

因此，如果您以正確的格式轉換 res 和 res2，然后應用正確的函數。 可能你可以得到你的預期結果。

我對您的代碼進行了一些更改。 （將 res 轉換為字符串並將 res2 轉換為數字）。 請在此處和此處查看您更改的代碼