Se lee en 3 minutos

Undefined

Lo primero que tenemos que saber es que undefined es un tipo de dato, como también lo son Number, String, Boolean, Object, Array

En JavaScript, una variable a la que no hemos asignado un valor toma el valor undefined. Su ‘tipo‘ o ‘typeof’ será también undefined. Veamos un ejemplo muy sencillo:

Undefined puede sernos útil en diversas situaciones. Se puede vaciar el contenido de cualquier variable simplemente asignándole el valor undefined.

Como se ve en el ejemplo, hemos vaciado el supuesto carrito (itemsCarrito) asignándole el valor undefined. Posteriormente se añaden otros artículos al carrito. Como hemos asignado el valor ‘undefined’ a la variable, nos hemos asegurado de “limpiar” esa variable para poder “llenarla” con nuevos ítems y evitar que se sumen por error a los que teníamos antes.

Una función devuelve undefined si no devuelve ningún valor. Un método también devuelve undefined si la variable que está siendo evaluada no tiene un valor asignado.

En resumen, todas las variables que no han sido definidas (no existen) o que se las ha definido sin darles un valor son del tipo undefined.

Null

En JavaScript null es un valor especial. Es un valor que indica la ausencia de contenido, un valor vacío.

A menudo surge la duda de en qué se diferencian ‘undefined’ de ‘null’ en cuanto a su utilidad.

Una definición que me parece bastante buena es la siguiente:

undefined aparece cuando algo no existe porque no tiene tipo y/o no ha sido referenciado (‘usado’). Null es útil cuando se sabe que algo existe, pero no tiene valor asignado.”

Si buscamos un elemento en la página que no existe, se nos devuelve ‘null’.

Otros ejemplos:

  • El ‘nextSibling’ del último hijo de un elemento es null (porque no existe).
  • El ‘previousSibling’ del primer hijo es null (tampoco existe).


En resumen:

Cuando queremos saber si una variable tiene el valor ‘null’ lo mejor es usar la comparación estricta (“===“):

 

Para saber si una variable es de tipo ‘undefined’, usaremos el operador ‘tipeof’:

 

Y aquí acaba esta serie de tutoriales de “Introducción rápida a JavaScript”. Espero que te haya sido útil para empezar a jugar con JavaScript.

JavaScript es hoy en día un lenguaje tremendamente popular en la web, así que te recomiendo que sigas profundizando en él.

Si quieres leer el resto de tutoriales de “Introducción rápida a JavaScript”, aquí tienes los enlaces:

  1. Tutorial de Introducción rápida a JavaScript (Number): http://bit.ly/1wVfOWe

  2. Tutorial de Introducción rápida a JavaScript (String) – parte 1 de 2: http://bit.ly/1JHzJ0b

  3. Tutorial de Introducción rápida a JavaScript (String) – parte 2 de 2: http://bit.ly/1DK9FjI

  4. Tutorial de Introducción rápida a JavaScript (Boolean): http://bit.ly/1G13M2I

  5. Tutorial de Introducción rápida a JavaScript (Objeto): http://bit.ly/1D7A9JD

Suscríbete a tonalidad.es