TypeScript - Tipos de Datos - String - Numeros - Boolean - Array - Tuple - Any - Enum - Never - Void - Interfaces

Hola pequeños fanáticos del código! Hoy veremos los diferentes tipos de datos en TypeScript.
Las variables/propiedades tienen la palabra reservada var pero el tipo de dato que se va utilizar o estará asignando a la variable y se denota como por ejemplo nombreVariable: tipoDedato.




Nota: 
Mas adelante hablaremos de la diferencia entre let y var.

TypeScript - Tipos de Datos 

Estos son los tipos de datos.
  • Boolean
  • Number
  • String
  • Array
  • Tuple
  • Any
  • Enum
  • Never
  • Interfaces

TypeScript - Tipos de Datos - Boolean

El tipo mas básico de datos es el true/false, tanto JavaScript y TypeScript llama un valor boolean.


Declaración:
let nombreVariable: boolean = valor;

Ejemplo:
let isDone: boolean = false;


TypeScript - Tipos de Datos - Number

Como en javascript, todos los number en TypeScript son numeros con valores de coma flotantes, también permite agregar los hexadecimales, decimales y soporta binarios y octales introducidos en ECMAScript 2015.


Declaración:
let nombreVariable: number = valor;

Ejemplo:
let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;


TypeScript - Tipos de Datos - String

El tipo de dato String, es igual que Java, es decir se utiliza las comillas dobles pero tambien esta permitido utilizar las comillas simples.


Declaración:
let nombreVariable: string = "";

Ejemplo:
let color: string = "verde";
color = 'verde';

También se puede utilizar un template de String, es decir un texto con partes a sustituir, utilizando las comillas simples para el texto general, la forma en que debemos presentar la variable es ${variable}.


TypeScript - Tipos de Datos - Array

Los arreglos en TypeScript se pueden presentar de dos maneras:


Declaración:
nombreVariable: tipoDato[] ò nombreVariable: Array<tipoDato>

Ejemplo:
let arrayNumber: number[] = [1, 2, 3];
let arrayString: string[] = ['Peras', 'Naranjas', 'Manzanas'];
o
let arrayNumber: Array<number> = [1, 2, 3];
let arrayString: Array<string> = ['1', '2', '3'];

También se pueden mezclar tipos de datos pero lo veremos con any.

TypeScript - Tipos de Datos - Tuple

Cuando se conoce el orden de los elementos en el arreglo es posible combinarlo también pero necesitamos que el arreglo solo acepte su tipo de datos en el orden en que sean declarados, aqui intervienen las tuplas o tuple

Declaracion:
nombreVariable: [string, number];

Ejemplo:
array = ["Mascotas", 5 ];

Si intentamos pasarle a nuestro tupla valores en el orden incorrecto lanzara error.


TypeScript - Tipos de Datos - Void

Se utiliza el tipo de dato Void cuando una función no retorna nada.

Declaración:
function nombreFuncion(): void{};

Ejemplo:
function mensajeAlerta(): void {
alert("Cuidado Usuario");
}

TypeScript - Tipos de Datos - Any

Acepta cualquier cosa como su nombre lo indica.


Declaración:
nombreVariable: any = valor;

Ejemplo;
var any: any = "nada";
              any = 27;
              any = true;

Mas arriba dijimos que podíamos mezclar tipos de datos en un Array.
let arrayMezclar: any[] = [43,'33','Pepe', 'Manzanas', 32];



TypeScript - Tipos de Datos - Enum

Al igual que en Java se hacen presente los Enumerados o Enum, los Enumerados lo utilizaremos para estandarizar nuestros tipos de datos numéricos de una manera sencilla.

Declaración:
enum nombreVariable = {valor1, valor2};

Ejemplo:
enum Perfiles = { Redes, Desarrollo};

Si ejecutamos:
let usuario: Perfiles = Perfil.Redes;


Por defecto enum inicia el valor de sus propiedades en 0, Redes comienza en 0, pero si queremos puede comenzar con otro valor, de la misma manera puedo modificar las demas propiedades
Ejemplo:
enum Perfiles = {Redes = 1; Desarrollo};

En el caso que desconozcamos el nombre de la propiedad pero si el valor podemos ir directamente atravez del mismo.
Ejemplo:
enum Perfiles = {Redes = 1; Desarrollo};
let usuario: Perfiles = string = Perfiles[1];


TypeScript - Tipos de Datos - Never

El tipo de dato never se usa para repsentar valores que nunca se supone que deberian ocurrir. Por ejemplo, asignar never, como el tipo de retorno de una funcion que nunca regresa. Esto puede suceder cuando una funcion siempre arroga un error o cuando esta atrapada en un ciclo infinito.

Ejemplo:
let a: never;

function loopinfnito(): never{
while (true){
}

Si intentamos inicializar un variable del tipo never lanzara error!
let a: never = false; 

TypeScript - Tipos de Datos - Interfaces

En Typescript podemos declara estructuras, algo asi como las clases Abstractactas en java pero sin funciones.

Declaración:
interfase nombreInterfase{
         nombreVariable1: tipovariable,
         nombreVariable2: tipovariable
};

Ejemplo:
interfase Perro{
    nombre: String,
    edad: String
};
const mascota: Perro = { 
          name: "Big Ballon",
          edad: "2"
}:

No hace falta que en el momento de su utilización llenemos todas las propiedad.

Bueno gente espero que este post sea útil y aguardo preguntas!       


TypeScript - Tipos de Datos - String - Numeros - Boolean - Array - Tuple - Any - Enum - Never - Void - Interfaces TypeScript - Tipos de Datos - String - Numeros - Boolean - Array - Tuple - Any - Enum - Never - Void - Interfaces Reviewed by El lado oscuro de java on junio 29, 2018 Rating: 5

No hay comentarios:

Con la tecnología de Blogger.