29/9/15

[javascript] Averiguar si Objeto existe usando JQuery

Tengo un sistema donde al cargar la página, se ejecutan una serie de funciones e instrucciones dentro del evento onLoad de la misma. Ahora bien, detecté que un error JS se estaba gatillando en algunas páginas. Resulta que tengo una barra de herramientas (un DIV con botones), la cual tiene asociado cierto comportamiento JS. Esta barra se encuentra en ciertas páginas que la usarán, pero en las que no, precisamente es en donde el error se gatilla.

Ya que estoy usando JQuery, tengo todas las funciones de onLoad condensadas en un solo archivo JS, por lo que era posible que esto ocurriera.

Por supuesto podría crear un archivo JS por cada página del sistema, de modo que cada una tenga programado de forma personalizada lo que ocurre en el evento onLoad de la misma. Peeeeero, como esto me parece sumamente lento y engorroso, prefiero seguir con el archivo único que es compartido por todas las páginas.

Pero, entonces, ¿cómo soluciono lo del error por objeto no definido (la barra que no existe)? Lo lógico es preguntar si el objeto existe, de modo que si no, pues pasar de largo, evitando los errores.

Usando sintaxis Javascript clásica, habría aplicado:

if (type document.getElementById("divCualquiera") != "undefined")
{
 // realizar las tareas de divCualquiera
}

Pero quise averiguar si JQuery no tenía ya implementada una forma más elegante de hacerlo.

Y bien, pues no, no la tiene.

Pero la alternativa que tiene, y que es usada por todos los programadores (de acuerdo a los mensajes en diversos sitios donde se consultó este mismo tópico) es:

if ($("#divCualquiera").length)
{
 // realizar las tareas de divCualquiera
}

Ahora bien, la propiedad "length" en JQuery retorna siempre un valor numérico (nos informa la cantidad de elementos contenidos por nuestro objeto). De ahí que se pueda consultar como si fuera un booleano (si cero, es falso; de lo contrario, verdadero).

Debo decir que no me gusta para nada esta solución, ya que no es entendible para quien ve el código por primera vez. Yo esperaba encontrar algo como una función "exists()" o algo por el estilo, pero nada. (De hecho, alguien sugirió crearla por cuenta propia, pero fue increíble la cantidad de comentarios negativos que recibió: pues el fin último de todo programador es reducir el código escrito. Pero yo soy de la opinión que sería ideal mantener la legibilidad del mismo en la medida de lo posible, y una función que pregunta lo que uno realmente quiere, es lo ideal.)

Esop. Hasta pronto con otro tip :)

Referencias:
- Is there an “exists” function for jQuery?
 - Jquery .length
Publicar un comentario