O detalhe do log é que ele não possui um comportamento bem definido pelo EcmaScript, por isso vemos algumas diferenças no comportamento dele em diferentes browsers, como por exemplo quando você faz o log de um HTMLElement
no Chrome ele printa o HTML, enquanto o Firefox printa o objeto.
Symbols
são propriedades do objeto, e eles podem ou não aparecer no seu log dependendo da implementação. Porém diferente das demais propriedades, por padrão Symbols não são enumeráveis, o que pode ser a razão de você não conseguir visualiza-lo no seu log:
var obj = {
a: 'prop a'
}
Object.defineProperty(obj, 'b',{
value: 'prop b',
enumerable: false
})
console.log(obj.a)
console.log(obj.b)
console.log(obj)
Repare que no StackOverflow a propriedade b
não aparece no log, apesar dela existir. A diferença de uma propriedade enumerável e uma não enumerável é que propriedades não enumeráveis não são retornadas pelo método Object.keys()
e nem são iteradas em laços for...in
Quanto a utilidade dos symbols... já ouvi que symbols podem ser utilizados para criar propriedades inacessíveis, ou seja, privadas, mas isso não é mais uma boa prática já que as novas implementações do JavaScript já possuem uma maneira nativa de declarar propriedades privadas.
O uso dos symbols geralmente recaem na interação com operadores do JavaScript, como o Symbol.iterator
por exemplo que é acessado pelo operador of
dentro de um loop for...of
:
var listaEncadeada = {
inicio: { val: 1, prox: { val: 2, prox: { val: 3, prox: null } } },
[Symbol.iterator]: function*() {
var nodo = this.inicio
while (nodo) {
yield nodo.val
nodo = nodo.prox
}
}
}
for (var val of listaEncadeada) {
console.log(val)
}