ts typeof推断隐式类型及应用场景

2023年4月25日#ts232

AI 翻訳

この記事はAIを通じて中国語から日本語に翻訳されました。原文を表示

AI が生成した要約

应用场景一中，存在一个函数getObj，它接受obj和key两个参数。问题是key不一定是obj上的索引，因此存在风险。为了解决这个问题，可以使用断言将key断言为obj上的类型。另外，还提供了另一种写法，可以使用泛型来定义函数getObj，使得key的类型与obj的索引类型相匹配。应用场景二中，假设后端传递了一段约束用来定义全局用户信息。通过使用类型C，可以操作这个约束类型。

アプリケーションシナリオ 1#

関数が obj と key の 2 つのパラメータを取得すると仮定します。

function getObj(obj:object,key:string){
  return obj[key]
}

問題があります。key は必ずしも obj のインデックスではないため、リスクがあります。
そのため、key を obj の型にアサーションする必要があります。書き方は以下の通りです。

function getObj(obj:object,key:string){
  return obj[key as keyof typof obj]
}

もちろん、以下のようにもできます。

function getObj<T>(obj:object,key:keyof T):T[keyof T]{
  return obj[key]
}

アプリケーションシナリオ 2#

バックエンドがグローバルユーザー情報を定義するために制約を渡すと仮定します。

const getInfo=async()=>{
  const res= await fetch("/auth/all")
   const value=await res.json()
     type C= Parital<typeof value[0]> 
}

C 型を操作することができます。