TypeScriptLección 4 de 16

Funciones: parámetros y tipo de retorno

En una función se tipan los parámetros y el resultado. Así TypeScript revisa cada llamada: que no falte ningún argumento y que el tipo sea el correcto.

Lo esencial

El tipo de retorno va tras los paréntesis: function total(): number.
Un parámetro opcional lleva ? y va después de los obligatorios.
Un valor por defecto hace opcional el parámetro y fija su tipo.
void significa que la función no devuelve nada.
Las funciones flecha se tipan igual: (n: number): number => n * 2.

Ejemplo

function formatPrice(amount: number, currency: string = "USD"): string {  return `${amount.toFixed(2)} ${currency}`;} function greet(name: string, title?: string): string {  return title ? `Hello, ${title} ${name}` : `Hello, ${name}`;} const double = (n: number): number => n * 2; function log(message: string): void {  console.log(message);} log(formatPrice(5));log(formatPrice(7.5, "EUR"));log(greet("Lee"));log(greet("Lee", "Dr."));log(`${double(21)}`);// formatPrice("5"); // error: string is not assignable to number

formatPrice(5) usa la moneda por defecto y greet funciona con title o sin él. formatPrice("5") no pasa la comprobación: se espera un número.

Tarea

Cómo usar el editor⌘ Enter o Ctrl Enter ejecuta el código, ⇧ ⌘ Enter comprueba la tarea.Tab y Mayús Tab sangran la línea o la selección; Esc y luego Tab sale del editor.La comprobación compara lo que imprimió el programa con la tarea; los espacios al final de línea no cuentan.Tras dos comprobaciones fallidas puedes ver la solución. Tu código se guarda en este navegador.

Haz que people en splitBill valga 2 por defecto, que tipPercent sea opcional y descomenta las llamadas. Salida: «Each pays 25.00», «Each pays 30.00», «Each pays 27.50».

// TODO: give people the default value 2// and make tipPercent optional (use tipPercent ?? 0 inside)function splitBill(total: number, people: number, tipPercent: number): string {  const perPerson = (total * (1 + tipPercent / 100)) / people;  return `Each pays ${perPerson.toFixed(2)}`;} // TODO: uncomment these two calls when the function is ready// console.log(splitBill(50));// console.log(splitBill(90, 3));console.log(splitBill(100, 4, 10));

// TODO: give people the default value 2
// and make tipPercent optional (use tipPercent ?? 0 inside)
function splitBill(total: number, people: number, tipPercent: number): string {
  const perPerson = (total * (1 + tipPercent / 100)) / people;
  return `Each pays ${perPerson.toFixed(2)}`;
}

// TODO: uncomment these two calls when the function is ready
// console.log(splitBill(50));
// console.log(splitBill(90, 3));
console.log(splitBill(100, 4, 10));

Salida

Aquí aparecerá lo que imprima el programa.