DEV Community

Cristian Fernando
Cristian Fernando

Posted on • Updated on

Paracetamol.ts💊| #12: Explica este código TypeScript

#typescript #webdev #spanish #programming

Explica este código TypeScript

Dificultad: Básico 

function stringify123(callback: (num: number) => string):string {
  return callback(123);
}

console.log(stringify123(String));
Enter fullscreen mode Exit fullscreen mode
  • A. "123"
  • B. 123
  • C. ReferenceError
  • D. Ninguna de las anteriores

Respuesta en el primer comentario.

Top comments (1)

Collapse
 
duxtech profile image
Cristian Fernando • • Edited

Respuesta
✅ B. 123

Las funciones en TypeScript pueden ser escritas de manera explicita con su valor de retorno.
En el ejemplo:

  • El callback regresa string: 
callback: (num: number) => string
Enter fullscreen mode Exit fullscreen mode
  • Y la función principal stringify123 también regresa un string: 
function stringify123(callback: (num: number) => string):string {}
Enter fullscreen mode Exit fullscreen mode

Al pasarle como callback el contructor String convertiremos cualquier número a cadena de texto, por ello el resultado es 123 como número.

En muchas ocaciones no es necesario escribir de manera explicita el tipo de retorno de una función, TypeScript tiene la capacidad de deducirlo según el código que escribamos; en otras ocaciones por legibilidad es mejor si escribirlo, así sabemos de una pasada el valor de retorno de una fucnión sin leer su cuerpo. Ya depende de cada dev.

Read next

shaharkazaz profile image

Remove Redundant Subscriptions in Angular with @jsverse/letify

Shahar Kazaz -

pellenilsen profile image

What does CORS really do? 🤔

Pelle Nilsen -

nnamdi_nwaocha_6d2abd27d1 profile image

Guide to Building a REST API with Deno and Oak Framework

nnamdi nwaocha -

steve8708 profile image

Introducing Visual Copilot 2.0: Design to Interactive

Steve Sewell -