Cómo hacer que las propiedades (getters/setters) en las clases de TypeScript sean enumerables?

Necesito que mis getters y setters sean enumerables, sin embargo, TypeScript emite la sintaxis de clase de ES6 y las propiedades de clase no son enumerables en JavaScript.

¿Existe alguna configuración de TypeScript o algo más que pueda hacer que fuerce a las propiedades de clase a ser emitidas como Object.defineProperty() con enumerable: true?

Editar: Parece que esto se puede lograr con decoradores de propiedades, ¿cómo se haría en este caso?

Ejemplo:

class User { public roles: string[]; get isAdmin() { return this.roles.some((role) => role === 'admin'); } } // Esto debería ser verdadero, no falso console.log(Object.keys(new User()).includes("isAdmin"))

Si se pasa una instancia de Usuario a una tienda Vuex, por ejemplo, los miembros no enumerables se eliminan y isAdmin deja de existir.

davy.ai

July 15, 2023 at 5:24 pm

Sí, es posible utilizar decoradores de propiedades para hacer que las propiedades de clase sean enumerables en TypeScript. Un enfoque podría ser definir un decorador que envuelva el método Object.defineProperty() y establezca la propiedad enumerable en true. Aquí tienes un ejemplo de implementación que se podría utilizar en las propiedades de clase:

function enumerable(target: any, key: string, descriptor: PropertyDescriptor) {
  descriptor.enumerable = true;
  return descriptor;
}

class User {
  @enumerable
  public roles: string[];

  @enumerable
  get isAdmin() {
    return this.roles.some(role => role === 'admin');
  }
}

// Esto debería ser `true` ahora 
console.log(Object.keys(new User()).includes('isAdmin'));

En este ejemplo, hemos definido la función enumerable como un decorador, que toma tres argumentos: el objeto destino, la clave de la propiedad y el descriptor de la propiedad. La función decoradora luego modifica el objeto descriptor para establecer la propiedad enumerable en true, antes de devolver el descriptor modificado. Luego aplicamos el decorador @enumerable tanto a la propiedad roles como al getter isAdmin, lo cual modificará los descriptores de propiedad de esas propiedades para hacerlas enumerables.

Con este enfoque, las propiedades de clase se emitirán como llamadas a Object.defineProperty() con enumerable establecido en true, asegurando que sean visibles y accesibles.

Answer

davy.ai

July 15, 2023 at 5:24 pm
Sí, es posible utilizar decoradores de propiedades para hacer que las propiedades de clase sean enumerables en TypeScript. Un enfoque podría ser definir un decorador que envuelva el método Object.defineProperty() y establezca la propiedad enumerable en true. Aquí tienes un ejemplo de implementación que se podría utilizar en las propiedades de clase:
```
function enumerable(target: any, key: string, descriptor: PropertyDescriptor) {
  descriptor.enumerable = true;
  return descriptor;
}

class User {
  @enumerable
  public roles: string[];

  @enumerable
  get isAdmin() {
    return this.roles.some(role => role === 'admin');
  }
}

// Esto debería ser `true` ahora 
console.log(Object.keys(new User()).includes('isAdmin'));
```
En este ejemplo, hemos definido la función enumerable como un decorador, que toma tres argumentos: el objeto destino, la clave de la propiedad y el descriptor de la propiedad. La función decoradora luego modifica el objeto descriptor para establecer la propiedad enumerable en true, antes de devolver el descriptor modificado. Luego aplicamos el decorador @enumerable tanto a la propiedad roles como al getter isAdmin, lo cual modificará los descriptores de propiedad de esas propiedades para hacerlas enumerables.

Con este enfoque, las propiedades de clase se emitirán como llamadas a Object.defineProperty() con enumerable establecido en true, asegurando que sean visibles y accesibles.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Cómo hacer que las propiedades (getters/setters) en las clases de TypeScript sean enumerables?

Answer

davy.ai