clases javascript code example

Example 1: metodo constructor javascript

//CREAR UNA CLASE
class miClase {
    constructor(primero, segundo) {
        this.uno = primero;
        this.dos = segundo;
        this.tres = "Hola a todos";
    };
    miMetodoUno() {
        return this.dos;
    }
    miMetodoDos(parametroUno, parametroDos) {
        console.log(
            "El parametro UNO es: " + parametroUno +
            "<br>El parametro DOS es: " + parametroDos
        )
    }
}
//CREAR UN OBJETO - instanciar
var objetoUno = new miClase("Antonio", 56);
//RECUPERAR DATOS
objetoUno.miMetodoDos("Manuel", 44);

Example 2: javascript classes

//use classes by initiating one like so:
class MyClass {
	constructor(FirstProperty, SecondProperty, etcetera) {
    	//The constructor function is called with the new class 
      	//instance's parameters, so this will be called like so:
      	//var classExample = new MyClass("FirstProperty's Value", ...)
      this.firstProperty = FirstProperty;
      this.secondProperty = SecondProperty;
    }
  //creat methods just like functions:
  method(Parameters) {
  	//Code Here
  }
  //getters are properties that are calculated when called, versus fixed
  //variables, but still have no parenthesis when used
  get getBothValues() 
  {
  	return [firstProperty, secondProperty];
  }
}
//Note: this is all syntax sugar reducing the boilerplate versus a
// function-defined object.

Example 3: javascript classes

let Person = class {
  constructor(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
  }
}

Example 4: javascript declaracion de clase

function Persona(primerNombre) {
  this.primerNombre = primerNombre;
}

Persona.prototype.diHola = function() {
  alert ("Hola, Soy " + this.primerNombre);
};

var persona1 = new Persona("Alicia");
var persona2 = new Persona("Sebastian");
var funcionSaludar = persona1.diHola;

persona1.diHola();                            // muestra "Hola, Soy Alicia"
persona2.diHola();                            // muestra "Hola, Soy Sebastian"
funcionSaludar();                             // muestra "Hola, Soy undefined (ó da un error con el
                                              // TypeError en modo estricto

alert(funcionSaludar === persona1.diHola);            // muestra true (verdadero)
alert(funcionSaludar === Persona.prototype.diHola);   // muestra true (verdadero)
funcionSaludar.call(persona1);