Parâmetros Opcionais com '?'

Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 25 de 73.

Às vezes, você deseja criar funções onde certos parâmetros nem sempre são obrigatórios. O TypeScript fornece a sintaxe ? para marcar parâmetros como opcionais, o que significa que quem chama a função pode escolher se deseja ou não fornecê-los ao chamá-la.

Para tornar um parâmetro opcional, você adiciona um ponto de interrogação após o nome do parâmetro, mas antes da anotação de tipo:

function greet(name: string, greeting?: string): string {
  if (greeting) {
    return greeting + ", " + name;
  }
  return "Hello, " + name;
}

Neste exemplo, name é obrigatório, enquanto greeting é opcional. Você pode chamar esta função apenas com o nome (greet("Alice")) ou com ambos os parâmetros (greet("Alice", "Good morning")). Dentro da função, os parâmetros opcionais têm o tipo string | undefined, então você deve verificar se eles existem antes de usá-los.

Desafio

Fácil

Crie uma função chamada createUserProfile que aceite dois parâmetros: username do tipo string (obrigatório) e displayName do tipo string (opcional). A função deve retornar uma string com uma anotação explícita de tipo de retorno.

Quando ambos os parâmetros forem fornecidos, a função deve retornar: "Profile: [displayName] (@[username])"

Quando apenas o nome de usuário for fornecido, a função deve retornar: "Profile: @[username]"

Crie outra função chamada calculateDiscount que aceite dois parâmetros: price do tipo number (obrigatório) e membershipLevel do tipo string (opcional). A função deve retornar um número com uma anotação explícita de tipo de retorno.

Quando ambos os parâmetros forem fornecidos, a função deve retornar o preço reduzido em 10% (multiplicar por 0.9).

Quando apenas o preço for fornecido, a função deve retornar o preço original inalterado.

Teste suas funções chamando-as com os seguintes valores e imprimindo os resultados:

Chame createUserProfile com "john_doe" e "John Doe"
Chame createUserProfile apenas com "jane_smith"
Chame calculateDiscount com 100 e "premium"
Chame calculateDiscount apenas com 75

Imprima cada resultado em uma linha separada na ordem especificada acima.

Experimente você mesmo

// TODO: Escreva seu código aqui
// Crie a função createUserProfile com as anotações de tipo adequadas
// Crie a função calculateDiscount com as anotações de tipo adequadas

// Teste as funções e imprima os resultados