¿Cómo definir propiedades de instancia y no instancia?

En este artículo, intentaremos comprender cómo podemos definir y crear una instancia y propiedades no instanciadas en JavaScript.

Antes de analizar las propiedades de instancia y no instanciadas, primero veamos la siguiente sintaxis de la creación de una clase en JavaScript, ya que tanto las propiedades de instancia como las que no son de instancia se definen en la clase misma.

Sintaxis:

class class_name {
    constructor() {
        // variables.....
        // or...
        // methods.....
    }
    // Other variables or methods.....
}

Ahora que hemos visto una estructura/sintaxis básica que podríamos usar para crear una clase en JavaScript, usemos esta sintaxis para comprender y crear una instancia basada en clase y propiedades que no sean de instancia.

Siguiendo el ejemplo estático de una clase que hemos creado utilizando la sintaxis anterior (tenga en cuenta que en el siguiente ejemplo no accederemos a ninguna variable declarada dentro de la clase, es solo la clase de demostración que se muestra para su comprensión).

class Car {
    constructor () {
        this.car_name = "Ford";
    }
}

Propiedades de instancia:

• Las propiedades de instancia son aquellas propiedades que se definen dentro de cualquier clase y requieren una instancia que se crea con la ayuda del propio nombre de la clase.
• Sin crear la instancia de la clase, es posible que no podamos acceder a estas propiedades que se definen dentro de la clase.
• Incluso si intentamos acceder a estas propiedades sin crear una instancia de la clase, podemos obtener «indefinido» como resultado que indica que esta propiedad en particular no está definida para la clase en particular que el usuario está tratando de buscar.

Ejemplo: El siguiente ejemplo nos ayudará a comprender los hechos mencionados anteriormente de una manera mucho mejor y eficiente.

<script>
    class Person {
        constructor() {
            this.Name = "ABCD";
        }
    }
    let person = new Person();
    console.log(person.Name); // Output: ABCD
    console.log(Person.Name); // Output: undefined
</script>

Producción:

ABCD
undefined

Propiedades que no son de instancia:

• Las propiedades que no son de instancia son aquellas propiedades que se definen dentro de cualquier clase y no requieren ninguna instancia de la clase para acceder a ellas.
• Se puede acceder directamente a ellos simplemente usando el nombre de la clase seguido del nombre de la propiedad.
• Una cosa importante a tener en cuenta aquí es que estas propiedades se declaran utilizando la palabra clave «estática» que además no se puede declarar dentro del método constructor predeterminado.

Ejemplo: El siguiente ejemplo nos ayudará a comprender los hechos mencionados anteriormente de una manera mucho mejor y eficiente.

<script>
    class Person {
        static Name = "ABCD";
    }
  
    let person = new Person();
    console.log(person.Name); // Output: undefined
    console.log(Person.Name); // Output: ABCD
</script>   

Producción:

undefined
ABCD