JavaScript Academy · Lección

Symbols como claves de objetos

Use Symbols para crear propiedades sin colisiones.

Symbols como claves de objetos es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 4 lecciones en total.

Símbolos como claves

Un símbolo puede usarse como clave de propiedad de un objeto. Como cada símbolo es único, esa propiedad no puede entrar en conflicto accidentalmente con ninguna clave de cadena.

const id = Symbol("id")
const user = {}
user[id] = 123
console.log(user[id])

Claves de símbolo calculadas

Para usar un símbolo como clave en un literal de objeto, escríbalo entre corchetes como nombre de propiedad calculado.

const id = Symbol("id")
const user = {
  name: "Ann",
  [id]: 99
}
console.log(user[id])

Lectura de una propiedad de símbolo

Debe conservar una referencia al mismo símbolo para leer su propiedad. Sin esa referencia, el valor queda efectivamente oculto.

const secret = Symbol("secret")
const obj = { [secret]: "hidden" }
console.log(obj[secret])

No enumerables en for-in

Las claves de símbolo se omiten en un bucle for-in. Así, las propiedades de símbolo quedan fuera de la iteración habitual.

const tag = Symbol("tag")
const obj = { a: 1, b: 2, [tag]: 3 }
for (const key in obj) {
  console.log(key)
}

Omitidas por Object.keys

Object.keys solo devuelve claves de cadena, por lo que las propiedades con claves de símbolo también quedan excluidas.

const tag = Symbol("tag")
const obj = { a: 1, [tag]: 2 }
console.log(Object.keys(obj))

Ocultas para JSON

JSON.stringify ignora por completo las claves de símbolo, por lo que nunca aparecen en la salida serializada. Esto las hace útiles para metadatos internos.

const meta = Symbol("meta")
const obj = { name: "Bo", [meta]: "internal" }
console.log(JSON.stringify(obj))

Búsqueda de claves de símbolo

Para enumerar las claves de símbolo, use Object.getOwnPropertySymbols, que devuelve un array con las propiedades de símbolo de un objeto.

const tag = Symbol("tag")
const obj = { a: 1, [tag]: 2 }
const syms = Object.getOwnPropertySymbols(obj)
console.log(syms.length)

Cómo evitar conflictos de nombres

Las claves de símbolo permiten que distintas bibliotecas añadan propiedades al mismo objeto sin riesgo de sobrescribirse, ya que sus símbolos son diferentes.

const libA = Symbol("data")
const libB = Symbol("data")
const shared = {}
shared[libA] = 1
shared[libB] = 2
console.log(shared[libA], shared[libB])

Claves de símbolo y spread

El operador spread de objetos también copia las claves de símbolo, a diferencia de for-in y Object.keys; téngalo presente al clonar objetos.

const tag = Symbol("tag")
const src = { a: 1, [tag]: 2 }
const copy = { ...src }
console.log(copy[tag])

Almacenamiento de datos similares a privados

Las claves de símbolo ofrecen una forma sencilla de privacidad: los datos solo son accesibles para el código que tiene el símbolo, por lo que no aparecen en los listados normales de propiedades.

const balance = Symbol("balance")
function makeAccount() {
  const acct = {}
  acct[balance] = 100
  return { acct: acct, key: balance }
}
const a = makeAccount()
console.log(a.acct[a.key])

Eliminación de propiedades de símbolo

Puede eliminar una propiedad de símbolo igual que cualquier otra, usando el operador delete con la referencia al símbolo.

const tag = Symbol("tag")
const obj = { [tag]: 5 }
delete obj[tag]
console.log(obj[tag])

Comprobación rápida

Compruebe sus conocimientos sobre las claves de símbolo.

Resumen

Resumen: Los símbolos permiten crear claves de objeto seguras y ocultas.

Use corchetes para las claves de símbolo calculadas
Se omiten en for-in, Object.keys y JSON
Se enumeran mediante Object.getOwnPropertySymbols
Son excelentes para metadatos sin conflictos

const k = Symbol("k")
const o = { [k]: 7 }
console.log(o[k])

Preguntas frecuentes

¿La lección «Symbols como claves de objetos» es gratis?

Sí — el texto completo de «Symbols como claves de objetos» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Symbols como claves de objetos»?

Use Symbols para crear propiedades sin colisiones. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar JavaScript Academy?

No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.

¿Cuánto tiempo toma la lección «Symbols como claves de objetos»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?

Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

← Volver a JavaScript Academy