Aprenda Parâmetros Opcionais

Às vezes, nos deparamos com situações nas quais precisamos passar um número variável de parâmetros para uma função. Por exemplo, ao se registrar em um site, pode ser solicitado o preenchimento de um número de telefone celular, mas isso é opcional. Existem diversas soluções para esse problema, que vão desde sobrecarregar funções até criar funções separadas para cada caso. Mas vamos explorar uma funcionalidade conveniente das funções em TypeScript – parâmetros opcionais.

Em termos simples, são parâmetros que você não é obrigado a passar para a função.

Vamos ver 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 realiza o cadastro de um usuário. Precisamos fornecer um username, password e um phoneNumber. O número de telefone é um parâmetro opcional. Repare na sintaxe: ao especificar esse parâmetro, acrescentamos uma interrogação. Literalmente, estamos questionando a existência desse parâmetro. Talvez ele esteja lá, talvez não.

Dentro da função, verificamos se o número de telefone foi fornecido. Caso positivo, 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 isso é um tópico mais avançado que nós certamente abordaremos em cursos futuros.

Agora, vamos observar 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, criamos um método de saudação muito simples. A pessoa pode escolher fornecer o seu sobrenome ou deixá-lo em branco. Nosso programa cumprimentará a pessoa independentemente. Espero que o algoritmo esteja claro. Especificamos um parâmetro opcional, verificamos sua presença usando uma declaração if e procedemos com nossas ações de acordo.

Parâmetros opcionais são de fato um recurso muito útil e frequentemente usado, porque nem sempre precisamos de todos os dados que passamos para nossa função.

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

2. Como são indicados os parâmetros opcionais em assinaturas de funções 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

Suggested prompts:

Can you explain how to use multiple optional parameters in a function?

What happens if I put an optional parameter before a required one?

Can you show more examples of optional parameters in TypeScript?

Deslize para mostrar o menu

Em termos simples, são parâmetros que você não é obrigado a passar para a função.

Vamos ver 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')

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

Agora, vamos observar 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)

Parâmetros opcionais são de fato um recurso muito útil e frequentemente usado, porque nem sempre precisamos de todos os dados que passamos para nossa função.

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

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

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 5. Capítulo 4

Parâmetros Opcionais

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

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

Awesome!

Parâmetros Opcionais

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

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