Usando this para referirse al objeto

Hubo errores de script en esta página. Mientras los editores del sitio lo solucionan, puedes ver un contenido parcial debajo.

Usando this para referencias del Objeto

JavaScript posee una palabra reservada especial, this, que puede utilizar dentro de un método para referirse al objeto actual. Por ejemplo, supóngase que tiene una función llamada validar que valida un valor de una propiedad del objeto, dado el objeto y sus valores máximo y mínimo:

function validar(objeto, val_min, val_max) {
   if ((objeto.value < val_min) || (objeto.value > val_max))
      alert("Valor inválido!");
}

Entonces, puede invocar a validar en cada manejador del evento de cambio {{ mediawiki.external('onchange ') }} de los elementos del formulario, utilizando this para pasar a este el elemento form, tal como el siguiente ejemplo:

<input type="text" name="edad" size="3"
   onChange="validar(this, 18, 99)">

En general, this se refiere al objeto invocado en un método.

Cuando se combina con la propiedad form, this puede referirse al objeto actual del formulario padre. En el siguiente ejemplo, el formulario miFormulario contiene el objeto Text y un botón. Cuando el usuario hace clic en el botón, el valor del objeto Text es configurado con el nombre del formulario. El manejador del evento onclick del botón utiliza this.form para referirse al formulario padre, miFormulario.

<form name="miFormulario">
<p><label>Nombre del formulario:<input type="text" name="texto1" value="Beluga"></label>
<p><input name="botón1" type="button" value="Muéstrame el nombre del formulario"
      onclick="this.form.text1.value=this.form.name">
</p>
</form>

{{ AnteriorSiguiente("Guía JavaScript 1.5:Crear nuevos objetos:Definiendo los métodos", "Guía JavaScript 1.5:Crear nuevos objetos:Definiendo las funciones get y set") }}

{{ languages( { "fr": "fr/Guide_JavaScript_1.5/Cr\u00e9ation_d\'objets/Utilisation_de_this_pour_r\u00e9f\u00e9rencer_un_objet", "ja": "ja/Core_JavaScript_1.5_Guide/Creating_New_Objects/Using_this_for_Object_References", "ko": "ko/Core_JavaScript_1.5_Guide/Creating_New_Objects/Using_this_for_Object_References", "pl": "pl/Przewodnik_po_j\u0119zyku_JavaScript_1.5/Tworzenie_nowych_obiekt\u00f3w/Zastosowanie_\'this\'_do_obiektu_referencji" } ) }}

Etiquetas y colaboradores del documento

Colaboradores de esta página: DSN XP
Última actualización por: DSN XP,