3

Levando em consideração a seguinte interface:

interface Usuario {
    nome: string;
    senha: string;
    email: string;
}

É possível declarar um objeto "aos poucos", sem criar um novo type ou interface com todas propriedades sendo opcionais (?)? Se sim, como? Exemplo:

function criarUsuario(nome: string, senha: string, email: string): Usuario {
    const usuario: Usuario = {}; // Aqui ocorre um erro porque o objeto ainda está vazio
    // ...
    usuario.nome = nome;
    usuario.senha = senha;
    usuario.email = email;
    return usuario;
}

O exemplo está simplificado, sei que nessa situação não faz sentido definir propriedade por propriedade.

1 Resposta 1

4

Você pode utilizar o tipo embutido Partial<T>, que torna todas as propriedades do tipo T opcionais:

interface Usuario {
    nome: string;
    senha: string;
    email: string;
}

function criarUsuario(nome: string, senha: string, email: string): Usuario {
    const usuario: Partial<Usuario> = {};

    usuario.nome = nome;
    usuario.senha = senha;

    // Note que, embora `usuario.email` não tenha sido fornecido,
    // nenhum aviso ou erro é emitido pelo compilador.
    return usuario as Usuario;
}

Veja no TypeScript playground.

O problema é que com isso você precisará de fazer uma asserção no retorno para dizer ao compilador que o objeto que você está retornando é realmente um usuário "completo". Caso contrário, o TypeScript reclamará dizendo que Partial<Usuario> não é atribuível à Usuario.

Note que no exemplo acima eu omiti o email e mesmo assim o compilador não emite erros. Portanto, você está abrindo mão da "segurança" em um certo nível. Eu pessoalmente não considero isso bom e tento sempre evitar.

Uma outra forma de resolver isso é simplesmente utilizar a asserção de tipo logo na declaração (atribuição ao objeto vazio). No entanto, isso também não resolve o problema da falta de segurança de tipos, conforme você pode verificar no código abaixo:

interface Usuario {
    nome: string;
    senha: string;
    email: string;
}

function criarUsuario(nome: string, senha: string, email: string): Usuario {
    const usuario = {} as Usuario;
    usuario.nome = nome;
    usuario.senha = senha;
    // Note que também nenhum erro foi emitido.
    return usuario;
}

Veja no TypeScript playground.

O que fazer então?

No seu exemplo, você poderia simplesmente adicionar todas as propriedades durante a inicialização literal do objeto. Para garantir a "segurança" que tanto falei, esta é a melhor forma.

interface Usuario {
    nome: string;
    senha: string;
    email: string;
}

function criarUsuario(nome: string, senha: string, email: string): Usuario {
    const usuario: Usuario = {
        nome,
        senha,
        email
    };

    return usuario;
}

Veja no TypeScript playground.

Na grande maioria das vezes é possível utilizar essa abordagem.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .