Paracetamol.js💊| #187: Explica este código JavaScript

Explica este código JavaScript

Dificultad: Básico

class Animal {
  #name;
  constructor({name="S/N", age=0, color}){
    this.#name= name;
    this.age = age;
    this.color = color;
  }

  get getName(){
    return this.#name;
  }
}

const dog = new Animal({
  name:"Doggue", 
  age:2, 
  color:"red"
  });

console.log(dog.#name);

A. undefined
B. Uncaught SyntaxError: Private field '#name' must be declared in an enclosing class
C. Doggue
D. ReferenceError: '#name' is not defined

Respuesta en el primer comentario.

Respuesta:
B. Uncaught SyntaxError: Private field '#name' must be declared in an enclosing class

En ES2020 se introdujo una manera de declarar atributos privados dentro de una clase en JavaScript, para dicho propósito debemos usar el símbolo # seguido del nombre del atributo, por ejemplo: #name.

Con esto logramos que dicho atributo solo pueda ser accedido dentro de la clase Animal, entonces se dice que el atributo #name esta encapsulado y por ende para poder usarlo fuera de la clase Animal tenemos que crear y llamar un getter como getName que aunque esta declarado no lo usamos en el ejemplo.

En este caso no es posible usar encadenamiento como console.log(dog.#name), ello producirá el error Uncaught SyntaxError: Private field '#name' must be declared in an enclosing class.