Una introducción rápida a POO y JavaScript (y JScript)

Objetos y Propiedades

La página de Web que estás viendo en este momento es un objeto. Un objeto puede ser conceptualizado como una plantilla que tiene las características generales de una cosa. Una vez creado un objeto, se pueden definir instancias del mismo. Otros ejemplos de objetos son tablas, formas, botones, imágenes y ligas.

Un objeto tiene propiedades, esto es, información acerca de este objeto. Las propiedades se emplean para describir un objeto o su valor actual. Una propiedad se define asignándole valor. Por ejemplo, el color de fondo de una página de Web sería la propiedad document.bgcolor y un posible valor sería document.bgcolor="white". El valor puede ser asignado por el navegador, el programa o por el usuario final de la página de Web.

Las propiedades se usan para diferenciar objetos de la misma clase

En el siguiente ejemplo, crearemos tres objetos Perro que tienen las características generales que definen a un perro (color, raza y edad, por decir). Usaremos el comando function para construir la plantilla para el objeto Perro.

Las funciones asociadas a un objeto se conocen como los métodos del objeto

Para asignar al objeto Perro sus propiedades podemos usar un arreglo. La palabra reservada this se usa cuando se están definiendo múltiples propiedades para un mismo objeto.

El objeto Perro

function Perro (color, raza, edad) {
   this.color = color ;
   this.raza = raza ;
   this.edad = edad ;     
}

Ahora crearemos dos instancias del objeto Perro:

Arrigo = new Perro ("cafe", "Chihuahua", 2)
Mefo = new Perro ("blanco", Chihuahua", 1)

Se usa la palabra reservada new para crear dos objetos: Arrigo, un perro Chihuahua de 2 años y Mefo, también Chihuahua de 1 año. Podemos crear cuantas instancias del objeto Perro necesitemos con new.

Como puedes observar usamos las propiedades para diferenciar entre objetos de la misma clase. Las propiedades son adjetivos y, por ende, diferencian a los objetos entre si (o unos de otros).

Métodos y Eventos

Usamos los métodos en JavaScript para pasar mensajes al objeto y -a veces- para modificar sus propiedades. Un método es una función asignada a un objeto.

Podemos accesar las propiedades y métodos de un objeto con una simple notación:

nombreObjeto.nombrePropiedad
nombreObjeto.nombreMétodo

JavaScript es sensible a las mayúsculas, por lo que los nombres deben respetar mayúsculas y minúsculas.

El siguiente

• Define un objeto Contacto.
• Declara dos instancias del objeto Contacto.
• Define una función para imprimir una cadena. El enunciado documente.write habilita la impresión de la cadena.
• Define una función para desplegar las propiedades de cada instancia del objeto. Llama al método despliegaContacto para llamar a las funciones que impriman en pantalla las propiedades de los contactos.

Las funciones son llamadas mediante eventos. El ejemplo más sencillo es un botón, cuya definición puede incluir las palabras onClick="ejecuta_esta_funcion()". En el ejemplo anterior el evento es el onClick. Otros eventos incluyen OnMouseOver, OnMouseOut, onFocus, OnLoad, etc.

Ir al tutorial.