TypeScript中根據條件定義類型函數的輸出方法
P粉764836448
P粉764836448 2023-08-14 18:18:08
0
1
523
<p>我正在嘗試為我的函數定義輸出類型,我想根據<code>toNumberIfNeeded</code>標誌在<code>string</code>和<code>number<code>string</code>和<code>number<code>類型之間設定條件,假設如果<code>toNumberIfNeeded</code>為真,則此函數將傳回一個數字類型,反之傳回字串類型。我該如何做? </p> <pre class="brush:php;toolbar:false;">interface Options { uppercase?: boolean; filterSpecialChars?: boolean; toNumberIfNeeded?: boolean; } export const textTransformer = (text: string, options?: Options) => { const { uppercase, filterSpecialChars, toNumberIfNeeded} = options || {}; // 我的處理邏輯程式碼 return toNumberIfNeeded ? parseInt(text) : text; }</pre> <p>預期的範例:</p> <pre class="brush:php;toolbar:false;">textTransformer('hello'); // 傳回字串類型 textTransformer('123', { toNumberIfNeeded: true }); // 回傳數字型別</pre>
P粉764836448
P粉764836448

全部回覆(1)
P粉878542459

你可以重構textTransformer() 方法,接受一個泛型參數,並使用條件型別來檢查toNumberIfNeeded 是否為true# 或 false。我認為 TypeScript 無法自動縮小回傳值的類型。你必須使用類型斷言,否則返回類型將被推斷為 string | number

interface Options {
  uppercase: boolean;
  filterSpecialChars: boolean;
  toNumberIfNeeded: boolean;
}

export const textTransformer = <T extends Options>(
  text: string,
  options?: T
): T["toNumberIfNeeded"] extends true ? number : string => {
  const {uppercase, filterSpecialChars, toNumberIfNeeded} =
    options || {};
  // 我的处理逻辑代码

  return (toNumberIfNeeded ? parseInt(text) : text) as ReturnType<
    typeof textTransformer
  >;
};

textTransformer("hello"); // 推断为 string
textTransformer("123", {
  toNumberIfNeeded: true,
  uppercase: false,
  filterSpecialChars: false
}); // 推断为 number
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!