Aprenda Parâmetros Opcionais

Deslize para mostrar o menu

Às vezes, existem situações em que é necessário passar um número variável de parâmetros para uma função. Por exemplo, ao se cadastrar em um site, pode ser solicitado o número de telefone celular, mas esse dado é opcional. Existem várias soluções para esse problema, desde a sobrecarga de funções até a criação de funções separadas para cada caso. No entanto, vamos explorar um recurso prático das funções em TypeScript – parâmetros opcionais.

Em termos simples, são parâmetros que não precisam ser passados para a função.

Veja um exemplo:


              12345678910
            
function register (username: string, password: string, phoneNumber?: number) {
    if (phoneNumber) {
        console.log(`New user with username: '${username}', password: '${password}' and phone number: '${phoneNumber}'`);
    } else {
        console.log(`New user with username: '${username}' and password: '${password}'`)
    }
}

register('Bob', 'qwerty123', 17871233210)
register('Alice', '123456789')

A função acima registra um usuário. É necessário fornecer um username, password e um phoneNumber. O número de telefone é um parâmetro opcional. Observe a sintaxe: ao especificar esse parâmetro, adicionamos um ponto de interrogação. Estamos literalmente questionando a existência desse parâmetro. Talvez ele esteja presente, talvez não.

Dentro da função, verificamos se o número de telefone foi fornecido. Se sim, exibimos as informações do usuário no console, incluindo o número de telefone. Caso contrário, exibimos as informações do usuário sem o número de telefone.

Além disso, esse usuário deve ser salvo no banco de dados, mas esse é um tópico mais avançado que certamente será abordado em cursos futuros.

Agora, veja outro exemplo de uso de parâmetros opcionais:


              123456789101112
            
function greeting(name: string, surname?: string) : string {
    if (!surname) {
        return(`Welcome, ${name}`);
    } else {
        return(`Welcome, ${surname} ${name}`)
    }
}

let first = greeting('Grzegorz', 'Brzęczyszczykiewicz');
let second = greeting('Peter')
console.log(first)
console.log(second)

Neste exemplo, foi criado um método de saudação muito simples. A pessoa pode optar por fornecer seu sobrenome ou deixá-lo em branco. O programa irá cumprimentar a pessoa de qualquer forma. O algoritmo é claro: especifica-se um parâmetro opcional, verifica-se sua presença usando uma instrução if e, em seguida, prossegue-se conforme necessário.

Parâmetros opcionais são realmente um recurso muito útil e frequentemente utilizado, pois nem sempre é necessário fornecer todos os dados ao chamar uma função.

1. Qual é o propósito de um parâmetro opcional em TypeScript?

2. Como os parâmetros opcionais são indicados nas assinaturas de funções em TypeScript?

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 5. Capítulo 4

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Seção 5. Capítulo 4