¿Cómo crear una clase JavaScript en ES6?

Una clase describe el contenido de los objetos que le pertenecen: describe un conjunto de campos de datos (llamados variables de instancia) y define las operaciones en esos campos (llamados métodos). En otras palabras, también se define como la colección o un grupo de objetos que contiene tipos de datos de objetos junto con algunos métodos. Puede crear una clase de JavaScript utilizando una palabra clave predefinida llamada clase antes del nombre de la clase. Le mostraremos algunos ejemplos a continuación para ilustrar cómo funciona.

Echemos un vistazo a la siguiente sección de sintaxis que ilustra cómo declarar una clase en JavaScript:

Sintaxis:

class class_name {
    // body of the class
    // Here methods and object data types could be defined...
}

La creación de un objeto de una clase se puede lograr utilizando la palabra clave new y llamando al constructor de esa clase (en el momento de la instanciación del objeto). Un constructor se declara utilizando la palabra clave predefinida constructor. Los constructores pueden ser de cualquier tipo, como constructores predeterminados y constructores parametrizados. Como podemos ver aquí, usamos un constructor para inicializar y declarar una variable. Sin embargo, solo puede haber un constructor por clase, y puede parametrizarse o establecerse por defecto, y una nota adicional sería que el constructor no tiene ningún tipo de retorno.  

Sintaxis:

class name {
   constructor(a, b, c) {
     // Initialize the class variable
   }
}

Ejemplo 1:

<script>
    class Geeks {
 
        // Constructor
        constructor(num1, num2) {
            console.log("Inside Constructor");
 
            // Initialize class variable
            this.num2 = num2;
            this.num1 = num1;
        }
    }
 
    // Initialize the class object
    let obj = new Geeks(1, 2);
    console.log(obj.num1);
    console.log(obj.num2);
</script>

Producción:

Inside Constructor
1
2

Ejemplo 2:

<script>
    class Geeks {
        constructor(num1, num2) {
            this.num2 = num2;
            this.num1 = num1;
        }
        add() {
            console.log(
            this.num1 + "+" + this.num2 +
            "=" + (this.num1 + this.num2));
        }
    }
    let obj = new Geeks(1, 2);
    obj.add();
</script>

Producción:

1+2=3