Real Life objetos, propiedades y métodos
En la vida real, un coche es un objeto.
Un coche tiene propiedades como el peso y el color, y métodos como inicio y parada:
| Objeto | propiedades | métodos |
|---|---|---|
|
car.name = Fiat car.model = 500 car.weight = 850kg car.color = white |
car.start() car.drive() car.brake() car.stop() |
Todos los coches tienen las mismas propiedades, pero los valores de las propiedades difieren de un coche a otro.
Todos los coches tienen los mismos métodos, pero los métodos se llevan a cabo en diferentes momentos.
Objetos de JavaScript
Ya se ha visto que las variables de JavaScript son contenedores de valores de datos.
Este código asigna un valor sencillo (Fiat) a un coche variable denominada:
var car = "Fiat";
Inténtalo tú mismo " Los objetos son variables también. Sin embargo, los objetos pueden contener muchos valores.
Este código asigna muchos valores (Fiat, 500, white) a un coche variable llamada:
var car = {type:"Fiat", model:"500", color:"white"};
Inténtalo tú mismo " Los valores se escriben como nombre: pares de valores (nombre y valor separados por dos puntos).
Objetos JavaScript son contenedores de valores con nombre.
Propiedades del objeto
El nombre: valores pares (en objetos JavaScript) se denominan propiedades.
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
| Propiedad | El valor de la propiedad |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
Métodos de objetos
Los métodos son acciones que se pueden realizar sobre los objetos.
Los métodos se almacenan en propiedades como la definición de funciones.
| Propiedad | El valor de la propiedad |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
| fullName | function() {return this.firstName + " " + this.lastName;} |
objetos de JavaScript son contenedores de valores con nombre denominadas propiedades o métodos.
Definición de objetos
Se define (y crear) un objeto JavaScript con un objeto literal:
Ejemplo
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Inténtalo tú mismo " Los espacios y saltos de línea no son importantes. Una definición de objeto puede ocupar varias líneas:
Ejemplo
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
Inténtalo tú mismo " Acceso a las propiedades de objetos
Se puede acceder a las propiedades del objeto de dos maneras:
objectName.propertyNameo
objectName["propertyName"]
El acceso a los métodos de objeto
Se accede a un método de objeto con la siguiente sintaxis:
objectName.methodName()
Si accede a la fullName propiedad, sin () , devolverá la definición de función:
No declare cadenas, números y booleanos como objetos!
Cuando una variable de JavaScript se declara con la palabra clave "new" , la variable se crea como un objeto:
var x = new String(); // Declares x as a String object
var y = new Number(); // Declares y as a Number object
var z = new Boolean(); // Declares z as a Boolean object
Evitar la Cadena, Número y objetos booleanos. Que complican su código y ralentizan la velocidad de ejecución.
Va a aprender más acerca de los objetos más adelante en este tutorial.
Ponte a prueba con los ejercicios!
Ejercicio 1 » Ejercicio 2» Ejercicio 3 »