DEV Community

Cristian Fernando
Cristian Fernando

Posted on

 

Paracetamol.js馃拪| #52: Explica este c贸digo JavaScript

Explica este c贸digo JavaScript

const info = {
  [Symbol('a')]: 'b'
}

console.log(info)
console.log(Object.keys(info))
Enter fullscreen mode Exit fullscreen mode
  • A: {Symbol('a'): 'b'} y ["{Symbol('a')"]
  • B: {} y []
  • C: { a: "b" } y ["a"]
  • D: {Symbol('a'): 'b'} y []

Respuesta en el primer comentario.


Top comments (1)

Collapse
 
duxtech profile image
Cristian Fernando

Respuesta:
D: {Symbol('a'): 'b'} y []

Una variable de tipo Symbol cumple con 3 caracteristicas principales:

  • No es un elemento enumerable.
  • Permite representar valores completamente 煤nicos en el c贸digo, 煤til para crear llaves de objetos y evitar colisiones.
  • Podemos crear propiedades "ocultas" en objetos.

El primer console.log imprime el objeto en su totalidad, incluyendo los valores no enumerables, por ello podemos ver la key de tipo Symbol y su valor un string con valor b.

Al intentar obtener las keys del objeto con Object.keys obtendremos un arreglo vacio justamente por que el Symbol no es un elemento que se pueda enumerar, de esta manera es posible "ocultar" ciertas propiedades de un objeto.

typescript

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it鈥檚 surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!