Any

Clase 13 de 24 • Curso de TypeScript

Contenido del curso

Introducción a TypeScript

Tipos de datos primitivos

Tipos de datos especiales

Próximos pasos

24
Toma el Curso de Tipos Avanzados y Funciones en TypeScript
01:01 min

Tomar examen

Resumen

Es un tipo de dato exclusivo de TypeScript. Su traducción sería "cualquiera", pues literalmente nos permite almacenar cualquier tipo de dato en una variable:

let myDynamicVar: any;

myDynamicVar = 100; // number
myDynamicVar = null;
myDynamicVar = {}; // Object
myDynamicVar = ""; // string

Se recomienda no usar este tipo de dato, pues se considera mala práctica.

Importancia del Any

La utilidad de any radica cuando se quiere migrar de a pocos a TypeScript desde JavaScript, ya que incrementalmente definiríamos el tipo de dato donde sea necesario sin romper nuestro programa de golpe.

Tratar Any como un primitivo

Se pueden realizar conversiones a tipos de datos primitivos de JavaScript:

//Caso 1
myDynamicVar = "HOLA";
const otherString = (myDynamicVar as string).toLowerCase();

//Caso 2
myDynamicVar = 1212;
const otherNumber = (<number>myDynamicVar).toFixed();

Como observamos, podemos tratar nuestra variable any como string en el primer caso y como number en el segundo. Después de esto, podemos acceder a los métodos toLowerCase() y toFixed() según el tipo de dato correspondiente.

Contribución creada por: Martín Álvarez.

Comentarios

Luis Alejandro Nieto Ruth

student•

Me encanta este meme, desmuestra el porque no debemos de usar any![](

Jesús Cabeza Acero

student•

jajaaja muy chistoso, pero muy claro !!!

Anfernee Valera

student•

Siempre amaré este meme jajaja

Irving Juárez

student•

De esta clase se puede resumir que:

El tipo de dato any "desactiva" el tipado de TS, volviendo de cierta forma a JS.
No es recomendado usar any. Sin embargo, puede ser útil cuando estamos migrando código JS a TS.
Podemos convertir de any a cualquier otro tipo de dato con el as operator. Este se usa de la siguiente forma.

let foo: any = null;
foo = "My name"

const name = (foo as string)

De esta forma, podemos acceder a los métodos de "string" desde la variable name

Ciro de Jesus Arrieta Lacouture

student•

desactiva?? ummm

david alvarez

student•

Axel Enrique Galeed Gutierrez

student•

Les comparto mis apuntes. :D

¿Qué es any?

Es un tipo de dato cualquiera, literalmente, la variable que declaremos con este tipo de dato puede contener cualquier tipo de valor. Quita el análisis de tipos.

Uso

Lo podemos usar para tener mayor flexibilidad, pero hay mejores forma para hacerlo.

Se aconseja que any no sea utilizado en proyectos ya consolidados y en equipos de desarrollo con experiencia con TypeScript, en caso de migraciones de proyectos de JavaScript a TypeScript se puede permitir el uso de any.

TypeScript

Este es de forma incremental, es decir, que para sistemas o aplicaciones en las que estamos comenzando a implementar TypeScript se puede permitir el tipo de dato any, puede ser bueno para los primeros pasos en la migración del proyecto.

CAST

Pasar de un tipo de dato a otro.

Podemos definir como queremos que sea tratado un tipo de dato, le decimos a TypeScript que confíe en nuestro tipado. Que trate a esa variable como ese tipo de dato que le especificamos.

(variableName as dataType)

Angle bracket

Es lo mismo que as pero con otra sintaxis.

(<dataType>variableName)

Gustavo Pú

student•

Exelente aporte!!!

Pepe Sosa

student•

Tip: Si de aquí quieres partir con bases sólidas hacia Angular, la forma de cast usada en ese framework es:

<number>myDynamicVar

Por lo que la vas a encontrar así en ejemplos y documentación.

Sabás Mendívil Alvarado

student•

are you ok annie?

JUAN PABLO FLORES DOMINGUEZ

student•

any are you OK?

Jose Barboza

student•

sure

Yuliam Rivera González

student•

are you OK, any?

Jesús Cabeza Acero

student•

Muy buena esta clase. Quizá en esta, o en alguna otra clase, hubiera sido interesante que hablaran del tipo unknow, sus usos y sus diferencias con el tipo any.

Nicolas Molina

teacher•

Hola, si lo hacemos solo que no en este curso, hablamos de unknow en el siguiente curso de TypeScript en el curso de Tipos Avanzados y Funciones

michael esteban solarte moran

student•

En mi trabajo, nos pidieron migrar todo el back de una aplicacion a TS y sin usar en alguna parte el any era muy dificil, cuando empezamos un proyecto de cero es muy facil utar los tipados y dejar de usar any

Joel alexander

student•

como puedo configurar typescript para que no utilicen el any??

Axel Enrique Galeed Gutierrez

student•

Hola. ¿Cómo estás? Respondiendo a tu pregunta, no he encontrado información con respecto al uso de any en variables, pero si en funciones. Puedes usar en tu tsconfig.json:

"noImplicitAny": true

Documentación.

Luego para que te dé algún tipo de error al usar como tipo de dato any deberías usar eslint para TypeScript o tslint. Eslint y TSlint. Espero que te sirva. Saludos.

Francisco Ponce

student•

:thinking: Hay que tener un pelin de cuidado con esa "falsa seguridad" que brinda TypeScript, tanto por los errores que vienen en tiempos de ejecución y tipando con any

William Rodriguez

student•

Es paradójico la mayoría de los devs Javascript dicen que Java es un lenguaje muy feo... pero typescript es traer cosas de Java o C# a Javascript.

Y hay si dicen ohhh typescript es fantástico... en fin la hipotenusa.

Paul Andrés Andia Frias

student•

ANY: Desactiva el sistema de análisis de tipo de datos. Podemos manipular el any como un tipo de dato específico a través de un cast Dos manera de hacer un cast:

(dinamicVar as number)
(<number>dinamicVar )

mmorenov6489

student•

(() => {
    //any= cualquier cosa puede ir ahí 
    let myDynamicVar: any;

    //podemos darle cualuqier valor
    myDynamicVar = 100;
    myDynamicVar = null;
    myDynamicVar = {};
    myDynamicVar ='';
})();

Daniel Avila Cardenas

student•

// El tipo "any" en TypeScript se utiliza cuando no sabemos de antemano
// qué tipo de dato nos enviará el backend o una fuente externa.
// Permite asignar cualquier valor, pero se pierde la seguridad de tipos.

(() => {

  // Declaración de una variable con tipo "any"
  let myDinamicVar: any;

  // Se pueden asignar distintos tipos de valores sin restricción
  myDinamicVar = [];
  myDinamicVar = 434;
  myDinamicVar = new Object();

  console.log({ myDinamicVar });

  // Asignación de un string
  myDinamicVar = 'Hola';

  // Conversión explícita de tipo usando "as":
  // Aquí indicamos que trataremos la variable como un string,
  // lo que permite acceder a métodos propios de cadenas.
  const rta = (myDinamicVar as string).toLocaleLowerCase();
  console.log(rta);

  // Otra forma de conversión de tipo en TypeScript:
  // Utilizando la sintaxis con "<tipo>".
  // En este caso, tratamos la variable como un número
  // para poder usar métodos numéricos como "toFixed".
  myDinamicVar = 4234;
  const rta2 = (<number>myDinamicVar).toFixed();
  console.log(rta2);

})();

Javier Alfonso Maria Salas

student•

¿El cast que menciona en:

const rta = (myDynamicVar as string).toLowerCase();

es propio de JS o solo está integrado en TypeScript?

Platzi

student•

El cast mencionado (myDynamicVar as string) es propio de TypeScript.

Héctor Emmanuel Ortiz Pineda

student•

El cast también se puede aplicar a una variable qué sí se le declaro el tipo?

Eliane Rivera Castillo

student•

No se puede, pero si le asignas primero a la variable con unknown, ahí sí se puede hacer uso.

David Alejandro Ramírez Pérez

student•

¿Tiene algún significado el nombre que se le asignó a la última variable? ++rta++ o ¿simplemente se le colocó ese nombre al aza?

Ricardo Andres Ojeda Silva

student•

Hola! rta es una variable de ejemplo, pudo tener cualquier nombre. Asumo que el profe le coloca rta como abreviatura de "respuesta"

Rolando Osorio

student•

Para transformar un tipo de dato a otro puedes usar eston (variable as tipoDeDato) y tambien esta la forma de (<tipoDeDato>variable)

//Caso 1 myDynamicVar = "HOLA"; const otherString = (myDynamicVar as string).toLowerCase();

//Caso 2 myDynamicVar = 1212; const otherNumber = (<number>myDynamicVar).toFixed();

Podemos tratar nuestra variable any como string en el primer caso y como number en el segundo. Después de esto, podemos acceder a los métodos toLowerCase() y toFixed() según el tipo de dato correspondiente.

Hector Maluy Fernandez

student•

El método toFixed() devuelve un string. De esta manera puedo convertirlo nuevamente a número.

 myVar = 1212.8745;
 let number = Number((<number>myVar).toFixed(2));
 console.log("number ", number);

Matias Ezequiel Rivero

student•

El método toFixed() en JavaScript se utiliza para formatear un número con una cantidad específica de dígitos después del punto decimal.

(() => {
    //any= cualquier cosa puede ir ahí 
    let myDynamicVar: any;

    //podemos darle cualuqier valor
    myDynamicVar = 100;
    myDynamicVar = null;
    myDynamicVar = {};
    myDynamicVar ='';
})();

// El tipo "any" en TypeScript se utiliza cuando no sabemos de antemano
// qué tipo de dato nos enviará el backend o una fuente externa.
// Permite asignar cualquier valor, pero se pierde la seguridad de tipos.

(() => {

  // Declaración de una variable con tipo "any"
  let myDinamicVar: any;

  // Se pueden asignar distintos tipos de valores sin restricción
  myDinamicVar = [];
  myDinamicVar = 434;
  myDinamicVar = new Object();

  console.log({ myDinamicVar });

  // Asignación de un string
  myDinamicVar = 'Hola';

  // Conversión explícita de tipo usando "as":
  // Aquí indicamos que trataremos la variable como un string,
  // lo que permite acceder a métodos propios de cadenas.
  const rta = (myDinamicVar as string).toLocaleLowerCase();
  console.log(rta);

  // Otra forma de conversión de tipo en TypeScript:
  // Utilizando la sintaxis con "<tipo>".
  // En este caso, tratamos la variable como un número
  // para poder usar métodos numéricos como "toFixed".
  myDinamicVar = 4234;
  const rta2 = (<number>myDinamicVar).toFixed();
  console.log(rta2);

})();

Any

Introducción a TypeScript

Por qué usar TypeScript

TypeScript vs. JavaScript

Configurado nuestro proyecto

Atrapando bugs

El compilador de TypeScript

Veamos el TSConfig.json

Tipos de datos primitivos

Qué es el tipado en TypeScript

Tipos inferidos

Numbers

Booleans

Strings

Arrays

Tipos de datos especiales

Any

Union Types

Alias y tipos literales

Null y Undefined

Funciones

Retorno de funciones

Objetos en funciones

Objetos como tipos

Módulos: import y export

Usando librerías que soportan TypeScript

Usando librerías que NO soportan TypeScript

Próximos pasos

Toma el Curso de Tipos Avanzados y Funciones en TypeScript