Objetos JavaScript

Objetos, propiedades y métodos de la vida real

En la vida real, un automóvil es un objeto.

Un automóvil tiene propiedades como peso y color, y métodos como

iniciar y detener:

Objeto Propiedades Métodos

auto.nombre = Fiat auto.iniciar()

auto.modelo = 500 auto.conducir()

auto.peso = 850kg auto.frenar()

auto.color = blanco auto.detener()

Todos los autos tienen las mismas propiedades, pero los valores de las
propiedades difieren de un auto a otro.

Todos los autos tienen los mismos métodos, pero los métodos se
realizan en momentos diferentes.

Como ya sabrá, las variables de JavaScript son contenedores para valores

de datos.

Este código asigna un valor simple (Fiat) a una variable llamada auto:

let auto = "Fiat";

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 denominada auto:

const auto = {type:"Fiat", model:"500", color:"white"};

Los valores se escriben como pares nombre:valor (nombre y valor

separados por dos puntos).
Es una práctica común declarar objetos con la palabra clave const.

Definición de objeto
Usted define (y crea) un objeto JavaScript con un objeto literal:

Ejemplo
const person = {firstName:"John", lastName:"Doe", age:50,
eyeColor:"blue"};

Los espacios y los saltos de línea no son importantes. Una definición de

objeto puede abarcar varias líneas:

Ejemplo
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
Propiedades del objeto
Los pares nombre:valores en los objetos de JavaScript se
denominan propiedades :

Propiedad El valor de la propiedad

primer nombre John

apellido Gama

edad 50

color de ojos azul

Acceso a las propiedades del objeto
Puede acceder a las propiedades de los objetos de dos formas:

objectName.propertyName

objectName["propertyName"]

Ejemplo 1
person.lastName;

Ejemplo2
person["lastName"];

Los objetos de JavaScript son contenedores para valores con

nombre llamados propiedades.
Métodos de objetos
Los objetos también pueden tener métodos.

Los métodos son acciones que se pueden realizar sobre los objetos.

Los métodos se almacenan en propiedades como definiciones de función.

Propiedad El valor de la propiedad

primer nombre John

apellido Gama

edad 50

color de los ojos azul

nombre function() {devuelve este.nombre + " " +

completo este.apellido;}

Un método es una función almacenada como una propiedad.

Ejemplo
const person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
En el ejemplo anterior, this se refiere al objeto person.

IE this.firstName significa la propiedad firstName de this.

IE this.firstName significa la propiedad firstName de person.

¿Qué es esto?
En JavaScript, la palabra clave this se refiere a un objeto.

Qué objeto depende de cómo this se invoque (usado o llamado).

La palabra clave this se refiere a diferentes objetos dependiendo de cómo

se use:

En un método de objeto, this se refiere al objeto.

Solo, this se refiere al objeto global.

En una función, this se refiere al objeto global.

En una función, en modo estricto, this es undefined.

En un evento, this se refiere al elemento que recibió el evento.

Métodos como call(), apply() y bind() pueden hacer referencia this

a cualquier objeto .
Nota: La palabra clave this no es una variable. No se puede
cambiar el valor de this.

La palabra clave this

En una definición de función, this se refiere al "propietario" de la función.

En el ejemplo anterior, this es el objeto persona el que "posee" la

función fullName.

En otras palabras, this.firstName significa la propiedad firstName de este

objeto.
Acceso a métodos de objetos
Accede a un método de objeto con la siguiente sintaxis:

objectName.methodName()

Ejemplo
name = person.fullName();

Si accede a un método sin los paréntesis (), devolverá la definición de la

función:

Ejemplo
name = person.fullName;

¡No declare cadenas, números y booleanos como

objetos!
Cuando se declara una variable de JavaScript con la palabra clave "new", la
variable se crea como un objeto:

x = new String(); // Declara x como un Objeto del tipo Cadena

y = new Number(); // Declara y como un Objeto del tipo Numérico
z = new Boolean(); // Declara z como un Objeto del tipo Booleano

Evite los objetos String, Number y Boolean. Complican su código y ralentizan

la velocidad de ejecución.

REALIZAR EJERCICIOS CON OBJETOS