En la programación orientada a objetos, una clase es una plantilla de código de programa extensible para crear objetos. Las clases se pueden considerar principalmente como un azúcar sintáctico sobre la herencia existente basada en prototipos de JavaScript. En este artículo, profundizaremos en la clase de JavaScript y aprenderemos a usarlos en la siguiente secuencia:
cómo configurar la ruta de Java en Windows
¿Qué es una clase de JavaScript?
En JavaScript, una clase es un tipo de función y se declara con la palabra clave class. Debe utilizar la sintaxis de expresión de función para inicializar una función y la sintaxis de expresión de clase para inicializar una clase.
// Inicializando una función con una expresión de función const a = function () {}// Inicializando una clase con una expresión de clase const b = class {}En JavaScript, en lugar de usar la función de palabra clave para iniciarlo, usamos la clase de palabra clave. Además, las propiedades se asignan dentro de un método constructor ().
¿Cómo usar una clase de JavaScript?
El código declarado con función y la clase devuelve una función [[Prototype]]. Con los prototipos, cualquier función puede convertirse en una instancia de constructor utilizando la nueva palabra clave. Por ejemplo:
const a = class {} // Inicializa un constructor de una clase const constructorFromClass = new a () console.log (constructorFromClass)Salida:
un {} constructor: claseAhora, hay tres formas diferentes de usar la clase en JavaScript. Entremos en los detalles de cada método con un ejemplo.
Definir una clase
Una función constructora se inicializa con varios parámetros, que se asignan como propiedades de 'esta' , refiriéndose a la función en sí. La primera letra del identificador está en mayúscula por convención.
// Inicializando una función de constructor function employee (name, empid) {this.name = name this.empid = empid}Ahora, si traducimos esto a la sintaxis de la clase, verá que las estructuras son muy similares.
// Inicializando una definición de clase class employee {constructor (name, empid) {this.name = name this.empid = empid}}Podemos decir que la palabra clave class se comunica de una manera más sencilla. La única diferencia en la sintaxis de la inicialización es usar la palabra clave class en lugar de function. Además, asigna las propiedades dentro de un método constructor ().
Definir métodos
Otra práctica común con las funciones constructoras es asignar métodos directamente al prototipo en lugar de en la inicialización. Tomaremos un ejemplo y veremos cómo funciona:
function employee (name, empid) {this.name = name this.empid = empid} // Añadiendo un método al constructor employee.prototype.greet = function () {return `$ {this.name} say hello`}Cuando escribe el mismo código con la clase, se simplifica y el método se agrega directamente.
class employee {constructor (name, empid) {this.name = name this.empid = empid} // Añadiendo un método al constructor greet () {return `$ {this.name} dice hola`}}Aunque las clases permiten una sintaxis más simple y concisa, a veces es posible que deba comprometerse con la claridad del proceso.
Ampliando una clase
La ventaja de las funciones y clases de constructor es que pueden extenderse a nuevos planos de objetos basados en el padre. Esto ayuda a prevenir la repetición de código para objetos que son similares pero necesitan algunas características adicionales o más específicas.
Se pueden crear nuevas funciones de constructor desde el padre utilizando el método call (). Por ejemplo:
// Creando un nuevo constructor a partir de la función padre info (nombre, empid, salario) {// Constructor de cadena con llamada employee.call (this, name, empid) this.salary = salario}Ahora, cuando escribimos el mismo código usando class, la palabra clave super se usa en lugar de call para acceder a las funciones principales.
// La creación de una nueva clase a partir de la información de la clase principal amplía empleado {constructor (nombre, empid, salario) {// Constructor de cadena con super super (nombre, empid) // Agrega una nueva propiedad this.salary = salario}}Las clases le brindan una forma más concisa de crear objeto blueprints y funciones de constructor describen lo que está sucediendo bajo el capó de una manera más específica.
Con esto, hemos llegado al final de nuestro artículo. Espero que haya entendido cómo usar JavaScript Class.
Ahora que conoce la clase JavaScript, consulte la por Edureka. La capacitación para la certificación en desarrollo web lo ayudará a aprender a crear sitios web impresionantes utilizando HTML5, CSS3, Twitter Bootstrap 3, jQuery y las API de Google y a implementarlo en Amazon Simple Storage Service (S3).
Tienes una pregunta para nosotros? Por favor, menciónelo en la sección de comentarios de 'Clase JavaScript' y nos comunicaremos con usted.