Void y never

david bryan alcocer cañete

student•

Tipo Void: Representa la ausencia de tipo. usado en funciones que no retornan nada. Tipo Never: Representa funciones que lanzan excepciones o nunca retornan un valor.

Luis Abdel Rangel Castro

student•

un return; lo que hace es terminar la ejecución de la función si devolver algo.

function showInfo(user: any): void {
    console.log('User Info',user.id);
    if (1 === 1) {
        return;
    }
    console.log('hello');
    return;
}

showInfo({id:11});

Darwin Rodríguez

student•

Si pero recuerda que también existen subtipos dentro de void (null y undefined)

Nicolas Castañeda

student•

Tipo Void: Son funciones que no ++necesitan++ de un retorno, por lo que al asignar el tipo void se sobre entiende que estas funciones retornan un undefind o un valor no definido, mas si permiten el uso de este return con este valor, que en el futuro puede ser usado para la terminacion de una funcion de este tipo.

Tipo Never: En este caso son funciones que ++nunca++ retornaran un valor, dentro de TS si intentas retornar un valor en una funcion Never te marcara error, normalmente usada para errores ya que son funciones que no retornan un valor sino que lanzan o arrojan un error o mensaje al ejecutarse, cabe destacar tambien que las variables declaradas como nulas no permiten que se les asigne ningun tipo de dato, caso contrario a los void que permite la asignacion del dato undefind

Francisco Javier Antúnez Durán

student•

Código de la clase:

// type void for functions
// Explicit type

function showInfo(user: any): any {
  console.log(`User Info ${user.id} ${user.username} ${user.firstname}`);
  //   return 'hola';
}

showInfo({id: 1, username: 'Antúnez Durán', firstname: 'Francisco Javier'});

// Inferred type
function showFormattedInfo(user: any) {
  console.log(`User Info,
        id: ${user.id}
        username: ${user.username}
        firstname: ${user.firstname}`);
}

showFormattedInfo({id: 1, username: 'Antúnez Durán', firstname: 'Francisco Javier'});

// Type void as variable data type
let unusable: void;
// unusable = null; --&gt; colocar &quot;strict&quot;: false en tsconfig.json para poder hacer uso
unusable = undefined;

// Type never
function handleError(code: number, message: string): never {
  // Process your code
  // Generate a message
  throw new Error(`${message}. Code: ${code}`);
}

try {
  console.log('La funcion handleError no devuelve nada bajo esta linea');
  handleError(404, 'Not found');
} catch (error) {}

function sumNumbers(limit: number): never {
  let sum = 0;
  while (true) {
    sum++;
  }
  // return sum;
}

sumNumbers(10); // --&gt; Llamada a un bucle infinito no acabaria nunca, typescript no compila, al verlo.

Javi Felices

student•

El declarar una función como void o never, a efectos de resultado, produce el mismo. El tipo void lo tengo claro, en cambio a never no le veo a utilidad como tal.

Jean Carlos Hernandez Carrasquel

student•

El detalle está en que las funciones tipo void realizan algo y terminan su flujo (sentencias, instrucciones...), por defecto al no retorna nada (ningún dato) devuelven undefined (pero terminan y devuelven algo). En cambio las tipo never son las que nunca retornar, se podría ver como que no terminan sus instrucciones, por ello los ejemplos son lanzando una excepción (que por definición interrumpe la ejecución normal del código) y generando un bucle infinito. Esa es la gran diferencia entre void y never, la primera termina su código pero no retorna datos, la otra no termina y, por ende, nunca retorna. never en TypeScript es muy útil precisamente para manejo de errores como se comentó en el ejemplo

Jaime David Burbano Montoya

student•

De pronto en el asincronismo puedes verle una aplicación más real

Jhon Alexander Romero Gonzaga

student•

Un poco confuso a la primera pero ya lo tengo casi entendido.
Para los que se pregunten porque pone "any" en vez de "void" ahora explico. Una función al declararla de manera inferencial por lo general se encuentra con el tipo "any":

// Es como tener tipo :any, pero
// como no retorna nada lo asigna a tipo :void

function unaFuncion() {
	// Código...
}

y cuando no retorna un valor esta función, la inferencia que hara typescript sera ponerla en tipo void

// Si asignamos :any va a pasar lo mismo 
// que en las variables y podemos retornar
// cualquier tipo de valor ya sea un string,
// boolean, etc., o no retornar nada.

function unaFuncion(): any {
	console.log("Hola mundo")
}

por esa razón el profesor pone de tipo any en la función para que pueda retornar o no retornar un valor.

Juan Francisco Cevallos Valdivieso

student•

Exacto, void es una función que no retorna valor, mientras tanto en any podría hacerlo

Javi Felices

student•

Creo que lo que nos ha podido descolocar es que ha usado más any que void, pero entiendo que void es simple, es un tipo que no devuelve nada, y como any tiene más particularidades por eso se ha usado más, y por eso entiendo que lo ha colocado en la primera función, que nos ha podido despistar.

La función showFormatedInfo que se declara de forma inferida hace referencia a void

John David Gómez Huertas

student•

No sé si fue que me perdí pero creo que al rededor del minuto 3:37 hubo un error porque estábamos viendo la declaración de que la función no retorna un valor dándole como tipo de retorno void y se colocó fue any :S

Enrique Tecayehuatl

student•

Como dice @david en el comentario de arriba, solo usas never cuando en tu función vas a retornar nada o una excepción, mira esta respuesta

JOSE LUIS GUILLÉN BLASCO

student•

@jdgomezh llevas razón. Debió indicar void.

Alex Camacho

teacher•

Void. Este tipo es lo opuesto al tipo anterior ya que representa la ausencia de tipo, es utilizado comúnmente como el tipo de retorno en funciones.
```
// Explícito
function showInfo (user: any): void {
  console.log('User info', user.id, user.userName, user.firstName)
}

showInfo({ id: 1, username: 'Alex', firstName: 'Alejandra' })
```
También podemos trabajar con variables tipo void, estas variables solo aceptan valores null o undefined.
Never. Es un tipo de dato especial en TypeScript, representa el tipo de valor que nunca ocurre, puede ser usado en funciones que lanzan excepciones o en funciones que nunca retornan un valor.
```
function handleError (code: number, message: string): never {
  // Process your code here
  // Generate a message
  throw new Error(`${message}. Code: ${code}`)
}
```

Jayro Antonio Hernández Trejo

student•

Yo usaría void, en el escenario de crear una función logger, tal como la libreria 'debug', que la llamas y ejecuta la acción de hacer un log con un namespace.

Y Never, en el escenario de construir un errorHandler o una función de un reloj que se mantiene ejecutando. como este ejemplo: https://www.w3schools.com/js/tryit.asp?filename=tryjs_timing_clock

Moisés Manuel Morín Hevia

student•

Qué buen ejemplo ! Eres el mejor !

Stiven Trujillo

student•

Por qué en el tipo explicito de void, pone any en la función? es así como funciona? o el profe se equivocó y va un void?

Jean León

student•

creo que fue un error, debió poner void

Irving Juárez

student•

Si, creo que debió haber puesto un void

Andrés González

student•

entiendo el uso de never con excepciones y captura de errores. Pero con funciones que de entrada sabes que van a generar un ciclo infinito, en vez de usar never por qué simplemente no usar/dejar esa función?

Francisco Javier Antúnez Durán

student•

Estaría bien poder conocer con ejemplos algo mas prácticos, el uso de Void y sobre todo de Never, en el saber que no espero, la devolución de un dato, en un función miFuncion()... que importancia tiene colocare o no el : never.

Jayro Antonio Hernández Trejo

student•

Yo usaria void, en el escenario de crear una funcion logger, como la libreria 'debug' por ejemplo, que la llamas y ejecuta la acción de hacer un log con un namespace.

Y Never, en el escenario de construir un errorHandler o una funcion de un reloj que se queda ejecutando. como este ejemplo: https://www.w3schools.com/js/tryit.asp?filename=tryjs_timing_clock

Miguel Angel Reyes Moreno

student•

Void y Never

Tipo Void

void es lo opuesto de any, representa la ausencia de tipo
Comúnmente se usa como tipo de retorno en funciones

Tipo Never

Representa el tipo de valor que nunca ocurre
- Funciones que lanzan excepciones
- Funciones que nunca retornan un valor

Flavio Andres Pareja Torres

student•

En el caso que yo use algo como:

La funcion retorna un string si encontro un dato, de otra forma retorna null.

¿Deberia usar Any o Void aqui?

Nicolas Castañeda

student•

any ya que el tipo void no te permitira nada mas alla de un undefind.

rodrigo david rodriguez

student•

Any, ya que se define como cualquier tipo, el void en si es como vacío que sugiere que no devolverás nada. Pero te recomendaría usaría el operador OR para devolver uno u otro ya si estas seguro de que solo devolverá eso 2 tipos.

Moisés Manuel Morín Hevia

student•

Void, ausencia de valor, retorno nulo en las funciones, una variable con este tipo & asigarle null/undefined Never, Valor que no ocurre, cuando se lanzan excepciones.

Santiago Cepeda

student•

Debi{o haber colocado void en lugar de any en el primer ejemplo

Moisés Manuel Morín Hevia

student•

Sí, también estoy de acuerdo.

Jean León

student•

¿por qué existe strict en el Type Cheking de tsconfig.json? si typescript ya trae el tipado fuerte. y ¿por qué usar usamos strict: false en lugar de true?.

Jeisson Santiago Cortes Ortiz

student•

en el primer ejemplo colocas la funcion como tipo any pero al yo colocar el cursor sobre la firma del metodo este me muestra que es any, quise colocar como void y efectivamente cuando coloco el cursor aparece como void, ambos caso son lo mismos?

Alex Camacho

teacher•

Lo que te está mostrando es de qué tipo es la función y ese tipo depende del tipo que tú le declares.

Dije muchas veces tipo jaja

Jeisson Santiago Cortes Ortiz

student•

A vale sino que el menciona esa funcion es de tipo void pero sigue dejando el any. Tal vez me confundi jeje

Alex Leonardo Rodriguez Carvajal

student•

excelente! nunca pense lo util que pudiera ser Typescript, ya no me da miedo 😂

Jose Daniel Hernandez Quiceno

student•

Esta clase confunde un poco, ibamos a ver void y never pero comenzamos con any(?) que era de la clase pasada

Enrique Tecayehuatl

student•

Bueno any infiere por default el tipo de retorno en una función o en una variable, en clases pasadas comentaba sobre el "valor inferido" que sería lo que hace any en contraste cuando declaras void sería una manera de hacer explícito un tipo de retorno, si le dices a tu función retorna un void eso es hacerlo de "manera explícita" si le dices any, el compilador va a inferir si tienes un return o no, y a partir de ello asignará un tipo de retorno, por default si no tiene un return(tipo de valor retornado) retornará void.

Javi Felices

student•

Pero la función showFormatedInfo que se declara de forma inferida hace referencia a void, al no devolver, si usáramos un return, su tipo inferido sería any, por ejemplo devolver el mismo objeto.

Lo que está claro es que sino devuelve mejor usar void para controlar más el código, verdad?

Edgar Javier Cruz López

company_admin•

Cuál es el objetivo o ventaja de utilizar o no never?

Moisés Manuel Morín Hevia

student•

Es un código más fuerte & son buenas prácticas.

// type void for functions
// Explicit type

function showInfo(user: any): any {
  console.log(`User Info ${user.id} ${user.username} ${user.firstname}`);
  //   return 'hola';
}

showInfo({id: 1, username: 'Antúnez Durán', firstname: 'Francisco Javier'});

// Inferred type
function showFormattedInfo(user: any) {
  console.log(`User Info,
        id: ${user.id}
        username: ${user.username}
        firstname: ${user.firstname}`);
}

showFormattedInfo({id: 1, username: 'Antúnez Durán', firstname: 'Francisco Javier'});

// Type void as variable data type
let unusable: void;
// unusable = null; --&gt; colocar &quot;strict&quot;: false en tsconfig.json para poder hacer uso
unusable = undefined;

// Type never
function handleError(code: number, message: string): never {
  // Process your code
  // Generate a message
  throw new Error(`${message}. Code: ${code}`);
}

try {
  console.log('La funcion handleError no devuelve nada bajo esta linea');
  handleError(404, 'Not found');
} catch (error) {}

function sumNumbers(limit: number): never {
  let sum = 0;
  while (true) {
    sum++;
  }
  // return sum;
}

sumNumbers(10); // --&gt; Llamada a un bucle infinito no acabaria nunca, typescript no compila, al verlo.

// Si asignamos :any va a pasar lo mismo 
// que en las variables y podemos retornar
// cualquier tipo de valor ya sea un string,
// boolean, etc., o no retornar nada.

function unaFuncion(): any {
	console.log("Hola mundo")
}

Void y never

Introducción a TypeScript

El lenguaje de programación TypeScript

Instalación de herramientas para TypeScript

Instalación de herramientas en Windows

Navegación y refactorización

Entorno de Desarrollo

El compilador de TypeScript

El archivo de configuración de TypeScript

Mi primer proyecto TypeScript

Tipos en TypeScript

Tipado en TypeScript

Number, Boolean y String

Any

Void y never

null y undefined

Object

Array

Tupla

Enum

Unión de Tipos, Alias y Tipos Literales

Aserciones de tipo

Funciones en TypeScript

Resumen

Tipos Personalizados

Interfaces

Interfaces: propiedades opcionales

Extensión de interfaces

Clases

Clases públicas y privadas

Métodos Get y Set

Herencia de clases y propiedades estáticas

Resumen

Módulos

Principios de responsabilidad única

Resolviendo módulos

Webpack y agrupación de Módulos

Cierre

Cierre