Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Parâmetros Opcionais | Funções
Introdução ao TypeScript

bookParâ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')
copy

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)
copy

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?

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 4

Pergunte à IA

expand

Pergunte à IA

ChatGPT

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

Awesome!

Completion rate improved to 2.94

bookParâmetros Opcionais

Deslize para mostrar o menu

À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')
copy

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)
copy

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?

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 4
some-alt