tsconfig: configurar el compilador

// Solución OK: los tres errores quedan corregidos de la forma más directa,
// aunque alguna decisión podría ser más precisa.

interface Heroe {
  readonly nombre: string;
  readonly rol: string;
  partidas: number;
  victorias: number;
  apodo?: string;
}

const equipo: Heroe[] = [
  { nombre: "Tracer",    rol: "Daño",   partidas: 120, victorias: 78,  apodo: "La corredora" },
  { nombre: "Mercy",     rol: "Apoyo",  partidas: 200, victorias: 155 },
  { nombre: "Reinhardt", rol: "Tanque", partidas: 95,  victorias: 61  },
  { nombre: "Ana",       rol: "Apoyo",  partidas: 140, victorias: 98,  apodo: "La francotiradora" },
];

// Se anota el parámetro: noImplicitAny queda satisfecho.
function calcularWinrate(heroe: Heroe) {
  return heroe.victorias / heroe.partidas;
}

// Se mantiene el retorno como Heroe (sin | undefined).
// Funciona porque el array nunca está vacío en este ejercicio,
// pero no modela con precisión que reduce sin valor inicial puede devolver undefined
// si la lista llegara vacía: TypeScript no avisaría.
function mejorHeroe(lista: Heroe[]): Heroe {
  return lista.reduce(function(actual, siguiente) {
    return siguiente.victorias > actual.victorias ? siguiente : actual;
  });
}

// Se usa "|| string vacío" para que apodo no sea undefined antes de toUpperCase.
// Funciona y compila, pero el resultado ("Apodo: ") no es muy informativo
// para los héroes que realmente no tienen apodo.
function mostrarApodo(heroe: Heroe): string {
  // apodo es string | undefined: usamos || "" para dar un string garantizado.
  return "Apodo: " + (heroe.apodo || "").toUpperCase();
}

// --- Muestra el resumen ---

equipo.forEach(function(heroe) {
  const wr = (calcularWinrate(heroe) * 100).toFixed(1);
  console.log(heroe.nombre + " (" + heroe.rol + "): " + wr + "%");
});

const lider = mejorHeroe(equipo);
console.log("Lider: " + lider.nombre + " con " + lider.victorias + " victorias");

equipo.forEach(function(heroe) {
  console.log(mostrarApodo(heroe));
});

// Solución Mejor: los tres errores se corrigen con comprobaciones reales.
// Nada de "|| string vacío" que oculta la ausencia: se maneja con intención.

interface Heroe {
  readonly nombre: string;
  readonly rol: string;
  partidas: number;
  victorias: number;
  apodo?: string;
}

const equipo: Heroe[] = [
  { nombre: "Tracer",    rol: "Daño",   partidas: 120, victorias: 78,  apodo: "La corredora" },
  { nombre: "Mercy",     rol: "Apoyo",  partidas: 200, victorias: 155 },
  { nombre: "Reinhardt", rol: "Tanque", partidas: 95,  victorias: 61  },
  { nombre: "Ana",       rol: "Apoyo",  partidas: 140, victorias: 98,  apodo: "La francotiradora" },
];

// Parámetro anotado: noImplicitAny satisfecho.
// Retorno inferido como number: no es necesario anotarlo aquí.
function calcularWinrate(heroe: Heroe) {
  return heroe.victorias / heroe.partidas;
}

// El retorno ahora es honesto: si el array estuviera vacío, reduce sin valor inicial
// lanzaría un error en runtime. Declarar Heroe | undefined nos recuerda ese riesgo
// y nos obliga a comprobarlo donde se use el valor.
function mejorHeroe(lista: Heroe[]): Heroe | undefined {
  if (lista.length === 0) return undefined;
  return lista.reduce(function(actual, siguiente) {
    return siguiente.victorias > actual.victorias ? siguiente : actual;
  });
}

// Comprobación con ternario: si apodo existe es string, si no, se devuelve
// un texto descriptivo. TypeScript lo confirma: dentro del bloque verdadero,
// apodo es string (no undefined).
function mostrarApodo(heroe: Heroe): string {
  return heroe.apodo
    ? "Apodo: " + heroe.apodo.toUpperCase()
    : heroe.nombre + " no tiene apodo";
}

// --- Muestra el resumen ---

equipo.forEach(function(heroe) {
  const wr = (calcularWinrate(heroe) * 100).toFixed(1);
  console.log(heroe.nombre + " (" + heroe.rol + "): " + wr + "%");
});

// Ahora el retorno puede ser Heroe | undefined: comprobamos antes de usar.
const lider = mejorHeroe(equipo);
if (lider !== undefined) {
  console.log("Lider: " + lider.nombre + " con " + lider.victorias + " victorias");
}

equipo.forEach(function(heroe) {
  console.log(mostrarApodo(heroe));
});

// Solución Excelente: cada decisión de tipo tiene una razón, no solo silencia el error.
// Las firmas son contratos que documentan el comportamiento esperado.
// Cero "as", cero "any", cero || "" para tapar un undefined.

interface Heroe {
  readonly nombre: string;
  readonly rol: string;
  partidas: number;
  victorias: number;
  apodo?: string;
}

const equipo: Heroe[] = [
  { nombre: "Tracer",    rol: "Daño",   partidas: 120, victorias: 78,  apodo: "La corredora" },
  { nombre: "Mercy",     rol: "Apoyo",  partidas: 200, victorias: 155 },
  { nombre: "Reinhardt", rol: "Tanque", partidas: 95,  victorias: 61  },
  { nombre: "Ana",       rol: "Apoyo",  partidas: 140, victorias: 98,  apodo: "La francotiradora" },
];

// Firma explícita: el contrato dice "recibe un Heroe, devuelve un number".
// Si alguien cambia la lógica interna y el retorno deja de ser number, el error
// salta aquí, en la función, no a tres llamadas de distancia.
function calcularWinrate(heroe: Heroe): number {
  return heroe.victorias / heroe.partidas;
}

// Firma honesta: la lista puede estar vacía, el retorno puede ser undefined.
// TypeScript nos obliga a gestionar ese caso donde se consuma la función.
// Eso es exactamente lo que quiere strictNullChecks: que los "puede fallar" no
// queden escondidos.
function mejorHeroe(lista: Heroe[]): Heroe | undefined {
  if (lista.length === 0) return undefined;
  return lista.reduce(function(actual, siguiente) {
    return siguiente.victorias > actual.victorias ? siguiente : actual;
  });
}

// Narrowing explícito con un type guard de la forma más legible: el ternario.
// Dentro del bloque verdadero TypeScript sabe que apodo es string (no undefined),
// así que toUpperCase() es seguro SIN necesitar "as" ni forzar nada.
function mostrarApodo(heroe: Heroe): string {
  if (heroe.apodo !== undefined) {
    // Dentro de este bloque, TypeScript ha estrechado apodo a string.
    return heroe.nombre + " — Apodo: " + heroe.apodo.toUpperCase();
  }
  // En este punto, TypeScript sabe que apodo es undefined.
  return heroe.nombre + " — sin apodo";
}

// --- Muestra el resumen ---

equipo.forEach(function(heroe) {
  const wr = (calcularWinrate(heroe) * 100).toFixed(1);
  console.log(heroe.nombre + " (" + heroe.rol + "): " + wr + "%");
});

// mejorHeroe puede devolver undefined: la comprobación es necesaria y TypeScript
// lo refuerza. Si omites el "if", el acceso a lider.nombre sería un error de tipo.
const lider = mejorHeroe(equipo);
if (lider !== undefined) {
  console.log("Lider: " + lider.nombre + " con " + lider.victorias + " victorias");
}

equipo.forEach(function(heroe) {
  console.log(mostrarApodo(heroe));
});