class

Una plantilla para crear objetos de un tipo en particular.

Las clases pueden facilitar la programación con objetos. Por ejemplo, una clase Frog podría crear objetos que se comporten como ranas. Cada objeto creado usando una clase se llama ‘instancia’. Todas las instancias de una clase son del mismo tipo. Aquí tienes un ejemplo de crear una instancia de la clase Frog:

let fifi = new Frog(50, 50, 20);

La variable fifi se refiere a una instancia de la clase Frog. La palabra clave new se utiliza para llamar al constructor de la clase Frog en la declaración new Frog(). En resumen, se creó un nuevo objeto Frog y se asignó a la variable fifi. Las clases son plantillas, por lo que se pueden usar para crear más de una instancia:

// First Frog instance. let frog1 = new Frog(25, 50, 10); <p>// Second Frog instance. let frog2 = new Frog(75, 50, 10); </p>

Una clase simple Frog podría declararse de la siguiente manera:

class Frog { <constructor>(x, y, size) { // This code runs once when an instance is created. this.x = x; this.y = y; this.size = size; } <p>show() { // This code runs once when myFrog.show() is called. textAlign(CENTER, CENTER); textSize(this.size); text('🐸', this.x, this.y); }</p> <p>hop() { // This code runs once when myFrog.hop() is called. this.x += random(-10, 10); this.y += random(-10, 10); }</p> }</constructor>

Las declaraciones de clase comienzan con la palabra clave class seguida del nombre de la clase, como Frog, y llaves {}. Los nombres de las clases deben usar PascalCase y no pueden tener espacios en sus nombres. Por ejemplo, nombrar una clase Kermit The Frog con espacios entre cada palabra produciría un error SyntaxError. El código que se encuentra dentro de las llaves {} define la clase.

Las funciones que pertenecen a una clase se llaman métodos. constructor(), show() y hop() son métodos en la clase Frog. Los métodos definen el comportamiento de un objeto. Los métodos pueden aceptar parámetros y devolver valores, al igual que las funciones. Ten en cuenta que los métodos no utilizan la palabra clave function.

constructor() es un método especial que se llama una vez cuando se crea una instancia de la clase. La declaración new Frog() llama al método constructor() de la clase Frog.

Una definición de clase es una plantilla para instancias. La palabra clave this se refiere a los datos y métodos de una instancia. Por ejemplo, cada instancia de Frog tiene coordenadas únicas almacenadas en this.x y this.y. El método show() usa esas coordenadas para dibujar la rana. El método hop() actualiza esas coordenadas cuando se llama. Una vez que se crea una instancia de Frog, sus datos y métodos se pueden acceder utilizando el operador de punto . de la siguiente manera:

// Draw a lily pad. fill('green'); stroke('green'); circle(fifi.x, fifi.y, 2 * fifi. size); <p>// Show the frog. fifi.show();</p> <p>//Hop. fifi.hop(); </p>

Ejemplos

Notice any errors or typos? Please let us know. Please feel free to edit src/core/reference.js and open a pull request!

Referencias Relacionadas