Esta publicación tiene 12 meses de antigüedad, te invitamos a buscar publicaciones más recientes relacionados a este tema aquí.

Un objeto en javascript puede contener varios valores desde variables y funciones. Las variables que se encuentran dentro de un objeto son llamadas propiedades y las funciones que se encuentran dentro de un objeto son conocidas cómo métodos.

 

Por ejemplo las propiedades dentro de un objeto nos dicen todo acerca del objeto. Veamos algún ejemplo de autos. Si tenemos un objeto llamado auto sus propiedades podrían ser el número de puertas que el auto tiene, el modelo del auto, el nombre del auto, etc.

auto.jpg

En este mismo ejemplo del auto si aplicamos métodos entonces serían las tareas asociadas con el auto, es decir, podemos tener un método para verificar cuanta gasolina tiene el auto o cuanta gasolina le hace falta para llenar el tanque.

A continuación le explico las maneras para crear un objeto en JavaScript, también haré un método dentro del objeto el cual nos dirá qué cantidad de gasolina hace falta para llenar el tanque del auto (gasolinaFaltante).

Creando los objetos y después agregamos las propiedades y métodos:

Notación literal

var auto = {};
    auto.nombre = 'SEAT Ibiza 5D';
    auto.puertas = 4;
    auto.totalTanque = 40;
    auto.actualTanque = 10;
    auto.gasolinaFaltante = function() {
        return this.totalTanque - this.actualTanque;
    };
 

Notación de objeto constructor

var auto = new Object();
    auto.nombre = 'SEAT Ibiza 5D';
    auto.puertas = 4;
    auto.totalTanque = 40;
    auto.actualTanque = 10;
    auto.gasolinaFaltante = function() {
	 return this.totalTanque - this.actualTanque;
     };
 

Creando los objetos con las propiedades y métodos dentro del objeto:

Notación literal

var auto = {
    auto.nombre = 'SEAT Ibiza 5D';
    auto.puertas = 4;
    auto.totalTanque = 40;
    auto.actualTanque = 10;
    auto.gasolinaFaltante = function() {
        return this.totalTanque - this.actualTanque;
    }
};
 

Notación de objeto constructor

function Auto(nombre, puertas, totalTanque, actualTanque) {
    this.nombre = nombre;
    this.puertas = puertas;
    this.totalTanque = totalTanque;
    this.actualTanque = actualTanque;
    this.gasolinaFaltante = function() {
        return this.totalTanque - this.actualTanque;
    };
}
var Auto1 = new Auto('SEAT Ibiza 5D',4, 40, 10);
var Auto2 = new Auto('SEAT Ibiza 5D', 4, 40, 20);
 

Saludos!

¿Te gustó esta publicación? Márcala como favorita