Definir genérico tipo de função e aplicar a função de atribuição de

Question 1

Eu pode definir e usar uma função genérica como esta:

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

const emptyStringArray = fetchData<string>();

No entanto, na minha realidade, eu tenho um monte de parâmetros e gostaria de separar as tipagens e atribuição da função.

Eu tenho tentado escrever assim:

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

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

const emptyStringArray = fetchData2<string>();

No entanto, agora, a definição da função não reconhecer o T como um tipo.

Não é possível localizar o nome de 'T'.

Eu tentei um monte de configurações diferentes sobre onde colocar o <T>, mas nada parece funcionar - alguma idéia?

Demo no TS Parque infantil

Perguntas Relacionadas

Question 2

IFetchData está fazendo o retorno a escrever para você, então ele deve funcionar para omitir o genérico do fetchData2 a função de retorno. Faz o seguinte trabalho?

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

Question 3

Primeiro de tudo, esta função:

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

    return arr
}

é difícil de usar.

Uma vez que os seus argumentos não estão relacionadas com o TTS não vai permitir que você push qualquer valor para o arr. Claro, você pode usar o tipo de declaração as, mas ele é muito inseguro:

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

Relacionados pergunta/resposta, o meu artigo

A resposta é fácil e simples: é impossível, neste caso, separada T a partir da definição de função, sem soluções.

Aqui você tem forma mais simples:

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

No entanto, se você quiser transformar a sua matriz no interior fetchDataesta função assinatura não é útil. Esta função não é permitido fazer qualquer coisa com arr. Tudo o que você pode fazer é retornar arr sem qualquer mutações.

A fim de transformar esta lista, você precisa criar ordem superior a função e durante a chamada fetchData fornecer explícita genérica de argumento:

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

Parque infantil

Question 4

Você poderia tentar?

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

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