Objetos JavaScript
Objetos de la vida real, propiedades y
métodos
En la vida real, un automóvil es un objeto.
Un automóvil tiene propiedades como el peso y el color, y métodos como
iniciar y detener:
Objeto Propiedades Métodos
[Link] = Fiat [Link] ()
[Link] = 500 [Link] ()
[Link] = 850kg [Link] ()
[Link] = white [Link] ()
Todos los automóviles tienen las mismas propiedades, pero los valores
de las propiedades difieren de un automóvil a otro.
Todos los automóviles tienen los mismos métodos, pero los métodos se
realizan en diferentes momentos .
Objetos JavaScript
Ya ha aprendido que las variables de JavaScript son contenedores para
valores de datos.
Este código asigna un valor simple (Fiat) a una variable llamada auto:
Los objetos también son variables. Pero los objetos pueden contener
muchos valores.
Este código asigna muchos valores (Fiat, 500, blanco) a
una variable llamada car:
Los valores se escriben como nombre: pares de valores (nombre y valor
separados por dos puntos).
Los objetos de JavaScript son contenedores para valores con nombre
llamados propiedades o métodos.
Definición de objeto
Usted define (y crea) un objeto JavaScript con un objeto literal:
Puede acceder a las propiedades del objeto de dos maneras:
Ejemplo1:
[Link]
Ejemplo2:
Person[PrimerNombre]
Métodos de objeto
Los objetos también pueden tener métodos.
Los métodos son acciones que se pueden realizar en objetos.
Los métodos se almacenan en propiedades como definiciones de
funciones.
Un método Propiedad El valor de la propiedad
es una
función
almacenada Nombre Juan
como una
propiedad.
Apellido González
Años 10
color de los Azul
ojos
nombre function () {return [Link] + "" +
completo [Link];}
Ejemplo:
var persona = {
Nombre: "Juan",
Apellido: "González",
id : 5566,
NombreCompleto : function() {
return [Link] + " " + [Link];
}
};
La palabra clave “this”
En una definición de función, se refiere “this” al "propietario" de la función.
En el ejemplo anterior, this es el objeto persona que "posee" la función
“NombreCompleto”.
En otras palabras, [Link] significa la propiedad de este objeto .
Acceso a métodos de objetos
Accede a un método de objeto con la siguiente sintaxis:
[Link]()
Ejemplo:
COMPARACIONES
Cuando se desea asignar un valor a una variable se hace de la siguiente
manera:
Si se quiere comparar dos variables se usa el doble igual:
En este caso Javascript asume que las dos variables son del mismo tipo de
dato.
Para que Javascript compare dos variables que sean de un mismo tipo de dato
se debe usar el triple igual (===)
ESTRUCTURAS DE CONTROL
CONDICIONALES
En el mundo de la programación los condicionales consisten en lo mismo en tomar una decisión,
para esto debemos utilizar el siguiente código.
El IF es SI por ejemplo: SI el usuario a rellenado la casilla nombre “true=verdadero”, enviar
formulario, de lo contrario “false=falso”, no enviar formulario.
ELSE se traduce como: “y si no”.
¿Cómo construir la condición?
Primero se deben tener en cuenta los operadores.
Ejercicio: se creara una página web que estipule si nos podemos comprar un carro o no.
Condiciones: el carro cuesta 60 mil euros, tener en cuenta el dinero ahorrado “si el dinero que se
tiene ahorrado es el mismo que cuesta el carro se puede comprar, de lo contrario, no se puede
comprar.
Creamos dos variables la primera con el precio del carro, la segunda con el dinero ahorrado
Insertamos la condición, si el dinero ahorrado es mayor o igual a el precio del coche, insertamos
un alert que nos diga puedes comprar el carro.
Esta condición no se cumple el programa hace caso omiso del primer IF, nos saldría el siguiente
alert como resultado.
Lo ejecutamos y como resultado:
Cambiamos las condiciones, dinero ahorrado por 75000, con el fin de cuando el programa llegue a
evaluar el IF, este sea cierto.
Corremos el programa:
En el ejemplo anterior se asignaron cantidades fijas, ahora será el usuario quien nos digite una
cantidad.
Ejecutamos el programa:
Por el contrario:
Se necesita que el programa nos diga que no nos podemos comprar el carro, para esto utilizamos
ELSE.
Ejecutamos el programa:
Se dice que es control de flujo ya que dependiendo de las condiciones así mismo el programa
continuo su ciclo o salta a la siguiente línea.
EJERCICIO CON EL CONDICIONAL “IF” USANDO FUNCIONES
1. Crear una variable con los siguientes parámetros:
2. Definir una función llamada imprimirProfesiones que va a tener como parámetros a
persona y usando el condicional “If”, se determinará si es o no es profesional en las
diferentes áreas que se definieron en la variable persona:
EJERCICIO: Realice un ejercicio con un tema libre donde utilice el condicional “If”.
