sesion 07 - listo
Post on 02-Jun-2018
230 Views
Preview:
TRANSCRIPT
-
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
-
8/11/2019 Sesion 07 - Listo
2/13
OBJETOS enJAVASCRIPT
-
8/11/2019 Sesion 07 - Listo
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*/
}
-
8/11/2019 Sesion 07 - Listo
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);
-
8/11/2019 Sesion 07 - Listo
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.
-
8/11/2019 Sesion 07 - Listo
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:
-
8/11/2019 Sesion 07 - Listo
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/11/2019 Sesion 07 - Listo
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:
-
8/11/2019 Sesion 07 - Listo
9/13
Implementacin completa:
-
8/11/2019 Sesion 07 - Listo
10/13
EJERCICIO de POO en JAVASCRIPT inicializacin directa deatributos de la clase
EJERCICIO 01 de POO - JAVASCRIPT
-
8/11/2019 Sesion 07 - Listo
11/13
EJERCICIO 01 de POO JAVASCRIPT (resuelto)
-
8/11/2019 Sesion 07 - Listo
12/13
EJERCICIO de POO en JAVASCRIPT inicializacin de atributosusando la funcin PROMPT (se los solicita al usuario)
EJERCICIO 02 de POO - JAVASCRIPT
-
8/11/2019 Sesion 07 - Listo
13/13
EJERCICIO 02 de POO JAVASCRIPT (resuelto)
top related