martes, 21 de febrero de 2017

Usando "this" en funciona javascript

En javascript tenemos un método que nos permite llamar a una función, pasándole directamente la referencia del objeto, sin tener que usar variables globales o referenciar al objeto al comienzo de cada función.

Par hacerlo hay que se necesita usar la palabra reservada this, que hace referencia siempre al objeto que contiene el código de javasript en donde usamos dicha palabra reservada.

ejemplo:
Si programamos una función para un botón, que al hacer click haga algo, ai dentro de esa función usamos la palabra this,entonces estaremos haciendo referencia al objeto en el cúal hemos hecho click, que ene este caso será el botón. El uso de this nos permitira evitar usar variable globales, y el tener que programar script más genéricos.

ejemplo:
<input id="edad" name="edad" onclick="identificar(this)" type="text" value="55" />  

Y se accede con la función:

function identificar(objeto) { 
   var atrName = objeto.name; 
   var atrId = objeto.id; 
   var atrValue = objeto.value; 
   var atrType = objeto.type; 
   alert("Datos del campo pulsado: Name: " + atrName + " ID: " + atrId + "Value: " + atrValue + "Type: " + atrType); 
}

En este ejemplo, cada vez que hagamos click en alguno de los objetos, llamaremos a la función indentificar(this), y a esa función le pasaremos como parámetro this, que en este caso será la referencia al objeto en el cuál hemos hecho click. La función indentificar() recibe ese parámetro, y lo almacena en la variable objeto, la cuál le permit imprimir todas las referencias al name, id, value y type.



No hay comentarios:

Publicar un comentario