TypeScript / undefined y null

Bienvenidos sean a este post, hoy continuaremos con otros tipos.

Undefined

Este tipo en realidad es el valor inicial de cualquier variable cuando la declaramos pero no le asignamos ningun valor, un ejemplo:

let variable; // si lo mostramos nos devuelve undefined.

Pero tambien se puede establecer este valor por otras circunstancias, veamos un ejemplo:

let arr = ["uno","dos","tres"];
delete arr[0];
for (let i=0; i < arr.length; i++)
{
        console.log(arr[i]);
}

Primero definimos un array con tres valores, despues borramos el valor de la primera posicion y finalmente usamos un bucle para mostrar todos los valores del array, veamos como es su salida:

$ node tipis.js
undefined
dos
tres
$

En este caso al borrar el primer valor nos quedo como undefined, es decir no quedo vacio o nulo (null) sino como undefined, pero en typescript tenemos la particularidad de poder manejarlo. Para ello tomemos el codigo anterior y modifiquemoslo de la siguiente manera:

let arr = ["uno","dos","tres"];
delete arr[0];
function chequeo(arr: string | undefined)
{
        if (arr === undefined)
                console.log("Elemento invalido");
        else
                console.log("Elemento valido: " + arr);
}
for (let i=0; i < arr.length; i++)
{
        chequeo(arr[i]);
}

Aqui agregamos una funcion para chequear el elemento, este puede ser de tipo string o undefined, luego en el bloque tenemos un condicional donde verifica si el elemento es de tipo undefined y en caso de ser verdadero muestra un mensaje que es un elemento invalido, no undefined, de lo contrario tiene un tipo valido por lo tanto lo mostraremos indicando esto, por ultimo en el bucle en lugar de mostrar el elemento del array mostraremos el resultado de llamar a la funcion anterior, veamos como es su salida:

$ node tipis.js
Elemento invalido
Elemento valido: dos
Elemento valido: tres
$

Como pueden ver ahora tenemos una mejor salida donde en lugar de mostrar solo los valores veremos cuando algo es valido o no, pasemos al siguiente tipo.

Null

Este es similar al anterior pero en realidad es un opuesto porque null indica que es un tipo conocido pero no posee ningun valor, distinto a vacio, y undefined le indica que no tiene ningun valor pero el tipo es desconocido, tomemos el codigo anterior y hagamos la siguiente modificacion:

let arr = ["uno",null,"tres"];
function chequeo(arr: string | null)
{
        if (arr === null)
                console.log("Este elemento es nulo");
        else
                console.log("Elemento valido: " + arr);
}
for (let i=0; i < arr.length; i++)
{
        chequeo(arr[i]);
}

Las modificaciones son pocas pero suficientes, en el primer caso agregamos el valor null para la segunda posicion, eliminamos la llamada a delete, modificamos a la funcion para que acepte al tipo string y null, modificamos el primer condicional donde ahora no buscara a undefined sino a null y el mensaje indicara que es un elemento nulo, el resto del codigo sigue de la misma forma, compilemos y veamos la salida:

$ node tipis.js
Elemento valido: uno
Este elemento es nulo
Elemento valido: tres
$

Observen como nos indica cual es el elemento nulo, estos dos tipos de datos estan basicamente en todos los lenguajes y este ultimo se utiliza principalmente para dejar realmente vacio a una variable pero indicando que el tipo es conocido pero no debe tener un valor como dijimos anteriormente.

En resumen, hoy hemos visto dos tipos primitivos, cuales son, porque estan, cual es el uso que le podemos dar, asi como tambien como podemos manipularlos en nuestros codigos,, espero les haya sido de utilidad sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.