Tipagem de Arrow Functions

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

Para funções de seta, você adiciona anotações de tipo aos parâmetros dentro dos parênteses, assim como nas funções regulares. A anotação do tipo de retorno vem depois da lista de parâmetros, mas antes da seta (=>):

const multiply = (a: number, b: number): number => {
  return a * b;
};

const greet = (name: string): string => `Hello, ${name}!`;

A principal diferença em relação às declarações de funções regulares é que a anotação do tipo de retorno aparece antes da seta, em vez de depois do nome da função. Isso mantém a segurança de tipos do TypeScript, preservando a sintaxe limpa e moderna que torna as funções de seta populares.

Desafio

Fácil

Converta a seguinte declaração de função regular em uma função de seta, mantendo todas as anotações de tipo:

function subtract(a: number, b: number): number {
  return a - b;
}

Crie uma função de seta chamada subtract que execute a mesma operação com os mesmos tipos de parâmetro e tipo de retorno.

Em seguida, crie duas funções de seta adicionais:

Uma função de seta chamada createMessage que receba um parâmetro text do tipo string e retorne uma string no formato "Message: [text]". Inclua anotações de tipo explícitas tanto para o parâmetro quanto para o tipo de retorno.
Uma função de seta chamada isPositive que receba um parâmetro num do tipo number e retorne true se o número for maior que 0; caso contrário, retorne false. Inclua anotações de tipo explícitas tanto para o parâmetro quanto para o tipo de retorno.

Teste suas funções de seta chamando-as com os valores a seguir e exibindo os resultados:

Chame subtract com 10 e 3
Chame createMessage com "Hello World"
Chame isPositive com -5
Chame isPositive com 8

Exiba cada resultado em uma linha separada, na ordem especificada acima.

Experimente você mesmo

// TODO: Converta a função regular para arrow function e crie as arrow functions adicionais

// TODO: Crie a arrow function subtract com anotações de tipo

// TODO: Crie a arrow function createMessage com anotações de tipo

// TODO: Crie a arrow function isPositive com anotações de tipo

// TODO: Teste suas arrow functions e imprima os resultados