Crear un objeto con métodos en Javascript

En el artículo de cómo crear un objeto en Javascript podíamos ver como construir de una forma muy sencilla una clase con atributos, de tal manera que instanciásemos objetos de dicha clase y accediésemos a sus atributos. Ahora vamos a ver como podemos complicar la clase y añadirla métodos en Javascript.

En este caso vamos a utilizar la clase Rectangulo, la cual tendrá dos atributos: base y altura.

function Rectangulo(base, altura) {
  this.base = base;
  this.altura = altura;
}

Añadir métodos a un objeto

Ahora añadimos el método que nos permita calcular el área del rectángulo. Para añadir un método podemos hacerlo de dos formas.

La primera será declarando una función Javascript inline. En este caso la función será anónima. Es decir, no tendrá un nombre:

function Rectangulo(base, altura) {
  this.base = base;
  this.altura = altura;
  this.calcularArea = function() {
    return this.base * this.altura;
  };
}

La segunda opción es asignar a una de las variables una función externa con nombre. Así, definimos la función getArea():

function getArea() {
  return this.base * this.altura;
}

Y en la clase rectángulo asignamos a calcularArea, dicha función:

function Rectangulo(base, altura) {
  this.base = base;
  this.altura = altura;
  this.calcularArea = getArea;
}

Instanciar y usar el objeto

En ambos casos, instanciamos el objeto rectángulo:

var miRectangulo = new Rectangulo(10, 5);

Y llamamos al método área:

var area = miRectangulo.calcularArea();
console.log("El área del rectángulo es: " + area);