13-Objectos en Javascript

En la vida real un coche es un Objecto

ese coche tiene propriedades como peso, color, y metodos como iniciar, detener

Objecto	Propriedades	Metodos
	coche.nombre = Volwagen	coche.start()
	coche.modelo = 'carocha'	car.drive()
	peso del coche = 1350 kg	coche.freno()
	coche.color = azul	coche.parada()

Todos los autos tienen las mismas propiedades, pero los valores de las propriedades varian de un auto al otro

Los metodos son los mismos en todos los coches, pero se realizan en diferentes momentos

Como ya sabemos las variables son contenedores para almacenar valores de datos

el ejemplo muestra un valor simple volwagen y una variable car

let car = "volwagen";

---

...

Objectos en Javascript

Los objectos tambien son variables, pero estes pueden contener varios valores

el ejemplo seguiente, nos uestra la variable anterior car pero con muchos valores

const car = {type:"volwagen", model:"Polo", color:"azul"};

Los valores se escriben primero el nombre despues el valor ( nombre:valor )

NOTA: normalmente cuando se declara un objecto es muy comun usar la palabra claves const

---

Definicion de objecto

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

Los espacios y los saltos de linea n son importantes

Una definicion de objecto puede abarcar varias lineas, como vamos ver nel seguiente ejemplo

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

Propiedades del objeto

Propriedades del objecto son el conjunto del nombre seguido del valor nombre:valor

ejemplo de propriedades

Propriedad	Valor de la propriedad
Nombre	Pepe
apellido	Gama
edad	32
color de los ojos	azules

---

Acceso a las propiedades del objeto

Para aceder a la propriedad de un objecto, podemos usar dos formas:

objectName.propertyName

O de esta forma

objectName["propertyName"]

ejemplo

person.lastName;

Otra forma de aceder a la propriedad

person["lastName"];

Métodos de objetos

Los objetos también pueden tener métodos .

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

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

Propriedad	Valor de la propriedad
Nombre	Pepe
apellido	Gama
edad	32
color de los ojos	azules
nombre completo	function() {devuelve este.nombre + " " + este.apellido;}

---

This

En JavaScript, la palabra clave this se refiere a un objeto .

Qué objeto depende de cómo está siendo invocado (usado o llamado) la palabra this.

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

• this En un método de objeto,se refiere al objeto .
• this Solo se refiere al objeto global .
• this En una funcion se refiere al objeto global
• this En una funcion en modo restrito es undefined
• this En un evento se refiere al elemento que recibió el evento
• this Métodos como call(), apply(), y bind()puede referirse a cualquier objeto

NOTA this no es una variable Es una palabra clave

---

Acceso a métodos de objetos

sintaxis: para aceder a un metodo de objecto

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;

---

string, numeros y booleanos

No es aconsejado declarar strings, numeros o booleanos como objectos

Relentizan el codigo y la velocidad de ejecucion

si declaramos una variable con la palabra new se crea un objecto

Ejemplo

 x = new String();        // Declara x como un objeto String
 y = new Number();        // Declara y como un objeto numerico
 z = new Boolean();       // Declara z como un objeto booleano

Ir al indice