sesion 07 - listo

8/11/2019 Sesion 07 - Listo

1/13

INGENIERA

WEB

CLASE N 07

OBJETOS en

JAVASCRIPT

Mg. Ing. Orleans Moiss Glvez Tapia

FACULTAD DE INGENIERA

ESCUELA ACADEMICA PROFESIONAL

DE INGENIERA DE SISTEMAS


2/13

OBJETOS enJAVASCRIPT


3/13

La creacin de una clase en JavaScript se hace con unafuncin (), que

ser la constructora, y a la vez la que identifique el objeto.

Hay dos formas de definir la funcin constructora:

o Definir una funcin

o Definir una variable cuyo contenido sea una funcin

function Gato( parametros ){

// Codigo

};

var Gato = function (parametros) {

/* Codigo*/

}


4/13

function Gato( parametros )

{// Codigo

};

var Gato = function (parametros) {

/* Codigo*/}

var Gato = function (nombre, color, edad) {

this.nombre = nombre;

this.color = color;this.edad = edad;

}

var gato1 = new Gato("Michifu", "azul", 2);

Si queremos comprobar alguna de las propiedades de nuestro objeto lo haramos

as: Variable_que_define_el_objeto (punto)propiedad_deseada

alert("El gato es de color "+gato1.color);


5/13

un mtodo es una funcin dentro del objeto.

Hay dos formas para crear un mtodo nuevo:

1. Vinculando una funcion externa al objeto

2. Creando una variable tipo funcion.


6/13

[...]

this.comer = comerExterna;

[...]

function comerExterna() {

alert("El gato "+this.nombre+" se comi un ratn");

}

[...]

Michi.comer();

[ Salida = "El gato Michifu se comi un ratn" ]

Mtodo 1: Vinculacin externaCon este mtodo declaramos que una de las propiedades, llamar a una funcin externa:


7/13

Mtodo 2: Definicin en la funcin constructora

//[...]

this.comer = function() {

alert("El gato "+this.nombre+" se comi un ratn");

}

//[...]

Michi.comer();

//[ Salida = "El gato Michifu se comi un ratn" ]


8/13

function Persona(nombre) {

this.nombre = nombre;

this.color_pelo = 'negro';

this.peso = 75;

this.altura = 165;this.sexo = 'varn';

this.edad= 26;

}

Para definir un objeto de esta clase, slo

tendramos que hacer esto:

var hombre = new Persona('Pepe');

EJEMPLO COMPLETO DE POO - JAVASCRIPT

function Persona(nombre) {

this.nombre = nombre;this.color_pelo = 'negro';

this.peso = 75;

this.altura = 165;

this.sexo = 'varn';

this.dormir = implementacion_dormir; // Nueva funcin miembro

}

function implementacion_dormir( ) {

alert(this.nombre + ' est durmiendo');

}

Y ahora definimos la funcin dormir:


9/13

Implementacin completa:


10/13

EJERCICIO de POO en JAVASCRIPT inicializacin directa deatributos de la clase

EJERCICIO 01 de POO - JAVASCRIPT


11/13

EJERCICIO 01 de POO JAVASCRIPT (resuelto)


12/13

EJERCICIO de POO en JAVASCRIPT inicializacin de atributosusando la funcin PROMPT (se los solicita al usuario)

EJERCICIO 02 de POO - JAVASCRIPT


13/13

EJERCICIO 02 de POO JAVASCRIPT (resuelto)

sesion 07 - listo

Documents