Quería replicar más o menos una variable o método estático de Java
No trates de programar en un lenguaje como si fuese otro, en su lugar, aprende como funciona el nuevo lenguaje y sigue su línea. ¿Por qué quieres usar JavaScript para que se parezca a Java? Simplemente no lo hagas.
El concepto de propiedad o método estático en Java quiere decir que dicha propiedad o método no depende de una instancia, si no, de la clase misma. ¿Qué se entiendo por esto? Bueno, es un poco complejo, en Java existen los llamados Class loaders los cuales se encargan de cargar las clases y registrarlas cuando se levanta la JVM. Si defines una propiedad o método estático, este es cargado también, esto no pasa con variables de instancia y métodos, ya que solo se carga su firma.
En JavaScript no existe en concepto de clases
De hecho estés pensando en que esto es falso ya que en ES6 apareció class
, pero esto no funciona como la gente nueva piensa. Aunque crees "clases" con class
estás creando funciones con su respectivo prototipo. Esto es solo sintaxis, no tiene impacto.
Sin embargo, puedes *emular variables y métodos estáticos** mediante Object.defineProperty
:
function User () {
}
Object.defineProperty(User, 'age', {
enumerable: true,
configurable: true,
writable: true,
value: 23
});
Object.defineProperty(User, 'getInfo', {
enumerable: true,
configurable: true,
writable: true,
value: function () {
return 'Hola, tengo ' + User.age + ' años';
}
});
console.log(User.getInfo());
Como puedes ver, ahora age
y getInfo
están adheridas a la función User
.
Sería lo más parecido a Java, ¿verdad? No necesito crear una instancia y no se heredaría el método a hijos, ¿no?
Lo que haces se llama Función factoría y es bastante usada para crear objetos que tengan propiedades privadas y para usar agregación en lugar de herencia. Pero en realidad, no hay mucha diferencia, la diferencia es que usado una función constructora (new
) añades un contexto (this
) a la instancia, fuera de eso, ambas están creando objetos.
function CreateBall (props) {
let stub = { color, weight } = props;
return {
color: stub.color,
weight: stub.weight,
changeColor (color) {
stub.color = color;
},
changeWeight (weight) {
stub.weight = weight;
},
info () {
console.log(stub.color, stub.weight);
}
};
}
const myBall = new CreateBall({
color: 'blue',
weight: 5
});
// encapsulamiento
myBall.color = 'red';
myBall.weight = 7;
myBall.info();
myBall.changeColor('red');
myBall.changeWeight(7);
myBall.info();
¿A parte si me interesase que un método o variable no se pudiese sobreescribir, sin afectar a otras variables y métodos, pódria usar Object.defineProperty
para hacer variables y métodos estáticos que no se pudiesen sobrecargar sin tener que usar Object.freeze
, Object.seal
o Object.preventExtensions
?
La ventaja de Object.defineProperty
es que te da más flexibilidad: puedes hacerla readonly, no hacerla enumerable, etc. Por otro lado, Object.freeze
evita que se le puedan agregar nuevas propiedades a un objeto, eliminar o editar las ya existentes. Es como si le pusieras un candado; útil en casos donde no quieres que editen un objeto, por ejemplo, por seguridad, etc.
El método Object.seal
hace algo similar: evita que añadas nuevas propiedades y que cambies la configuración de las ya existentes, pero las propiedades pueden ser cambiadas.
El método Object.preventExtensions
previene que se añadan nuevas propiedades como propias, pero se pueden añadir propiedades directamente en su prototipo.