परिभाषित सामान्य समारोह के प्रकार और लागू करने के लिए कार्य असाइनमेंट

IFetchData कर रही है वापसी टाइपिंग, आप के लिए तो यह काम करना चाहिए न आना करने के लिए सामान्य से fetchData2 समारोह में वापसी की है. निम्न काम करता है?

type IFetchData = <T>() => T[]
const fetchData2: IFetchData = () => {
  return [];
}

सब से पहले, इस समारोह में:

const fetchData = <T,>(): T[] => {
    const arr: T[] = []
    arr.push(2) // error
    arr.push('str') // error

    return arr
}

करने के लिए कठिन है का उपयोग करें.

के बाद से गैर के अपने तर्क से संबंधित नहीं हैं T, टीएस करने की अनुमति नहीं होगी push किसी भी मूल्य के लिए arr. बेशक, आप उपयोग कर सकते हैं के प्रकार के दावे asहै , लेकिन यह बहुत असुरक्षित है:

const fetchData = <T,>(): T[] => {
    const arr: T[] = []
    arr.push('str' as any as T) // error

    return arr
}

const emptyStringArray = fetchData<number>(); // number[]
emptyStringArray[0].toExponential() // runtime error

से संबंधित प्रश्न/उत्तर, मेरे लेख

जवाब में आसान और सरल है: यह असंभव है, इस मामले में अलग करने के लिए T से समारोह परिभाषा के बिना समाधान.

यहाँ आप सबसे सरल तरीका है:

const fetchData = <T,>() => {
  const arr: T[] = []
  return arr
}

हालांकि, अगर आप चाहते हैं करने के लिए रूप बदलना अपने सरणी के अंदर fetchData, इस समारोह में हस्ताक्षर उपयोगी नहीं है । इस समारोह की अनुमति नहीं है कुछ भी करने के लिए के साथ arr. आप सब कर सकते है करने के लिए वापसी arr के बिना किसी भी परिवर्तन.

आदेश में रूपांतरित करने के लिए इस सूची में, आप की जरूरत है बनाने के लिए उच्च आदेश समारोह के दौरान बुला fetchData प्रदान स्पष्ट सामान्य तर्क:

type FetchData = <T>() => T[]
const fetchData: FetchData = () => []

const higherOrder = <T,>(elem: T) => {
  const arr = fetchData<T>();
  arr.push(elem)

  return arr
}



const test = higherOrder('str'); // ok, string[]
const test2 = higherOrder(42); // ok, number[]

खेल का मैदान

सकता है आप इसे करने की कोशिश?

type IFetchData = <T>() => T[]
const fetchData2: IFetchData = <T>() => {
  return [];
}