Definire una funzione generica tipo e applicare alla funzione di assegnazione

Question 1

Sono in grado di definire e utilizzare una generica funzione come questa:

const fetchData = <T>(): T[] => {
  const arr: T[] = []
  // if stuff push to arr
  return arr
}

const emptyStringArray = fetchData<string>();

Tuttavia, nel mio scenario attuale, ho un sacco di parametri e vorrei separare le tipizzazioni e la funzione di assegnazione.

Io ho tentato di scrivere come questo:

type IFetchData = <T>() => T[]

const fetchData2: IFetchData = () => {
  const arr: T[] = []
  // if stuff push to arr
  return arr
}

const emptyStringArray = fetchData2<string>();

Tuttavia, ora la definizione di funzione non riconosce il T come un tipo disponibile.

Impossibile trovare il nome di 'T'.

Ho provato un sacco di diverse configurazioni su dove mettere il <T>ma nulla sembra funzionare - tutte le idee?

Demo in TS Giochi

Le Domande Relative

Question 2

IFetchData sta facendo ritorno a digitare per voi, così dovrebbe funzionare per omettere il generico dall' fetchData2 ritorno della funzione. Il seguente lavoro?

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

Question 3

Prima di tutto, questa funzione:

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

    return arr
}

è difficile da usare.

Dal momento che non di argomenti che non sono correlati TTS non vi permetterà di push qualsiasi valore al arr. Naturalmente, è possibile utilizzare l'asserzione del tipo asma è molto pericoloso:

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

Relative domande/risposte, il mio articolo

La risposta è semplice: è impossibile in questo caso per separare T dalla definizione di funzione senza soluzioni alternative.

Qui hai modo più semplice:

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

Tuttavia, se si desidera mutare il tuo array all'interno fetchDataquesta funzione firma non è utile. Questa funzione non è permesso di fare qualsiasi cosa con arr. Tutto quello che puoi fare è tornare a arr senza mutazioni.

Per mutare questo elenco, è necessario creare il più alto ordine di funzione e durante la chiamata fetchData fornire esplicito generico argomento:

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[]

Giochi

Question 4

Si potrebbe provare?

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

Nick · Answer 1 · 2021-11-24T02:18:56