JavaScript | expresión de clase

La clase JavaScript es un tipo de función declarada con la palabra clave class , que se utiliza para implementar el paradigma orientado a objetos. Los constructores se utilizan para inicializar los atributos de una clase. Hay 2 formas de crear una clase en JavaScript.

• declaración de clase
• expresión de clase

En este artículo, discutiremos la expresión de clase para declarar clases en JavaScript y cómo usarlas.

expresión de clase:  La expresión de clase es otra forma de crear clases en JavaScript y pueden tener o no nombre. Si se nombra, el nombre de la clase se usa internamente, pero no fuera de la clase.

Sintaxis:

• Usando la expresión de clase nombrada:

const variable_name = new Class_name {
    // class body
}

• Usando expresión de clase sin nombre:

const variable_name = class{
     //class body
}

Ejemplo 1: expresión de clase con nombre:

<script>
const Website = class Geek {
  constructor(name){
      this.name = name;
  }
  websiteName() {
    return this.name;
  }
};
 
const x = new Website("GeeksforGeeks");
console.log(x.websiteName());
</script>

Producción:

GeeksforGeeks

Ejemplo 2: expresión de clase sin nombre:

<script>
const Website = class {
  constructor(name) {
    this.name = name;
  }
  returnName() {
    return this.name;
  }
};
 
console.log(new Website("GeeksforGeeks").returnName());
</script>

Producción:

GeeksforGeeks

Navegador compatible:

• Chrome 42 y superior
• Borde 13 y superior
• Firefox 45 y superior
• Ópera 29 y superior
• Safari 7 y superior