Syntaxerror: Private field '#attribute' must be declared in an enclosing class

Question

I created the Employee and Director classes, being Employee Inheritor Manager(daughter), but when instantiating a Director object I got the following error: Syntaxerror: Private field '#bonus' must be declared in an enclosing class.

Replaces the "#" used in private attributes with "_" and it worked. Are private attributes with "#" not inherited? Someone knows the reason why it doesn’t work?

NOTE: I am using Node.js v.14.2.0 to interpret the code.

Below are the classes in question:

// index.js
import { Funcionario } from "./funcionario/Funcionario.js";
import { Gerente } from "./funcionario/Gerente.js";
import { Diretor } from "./funcionario/Diretor.js";

const diretor = new Diretor(11122233345, "Roberto", 2000);

export class Funcionario {
    #bonificacao = 1;
    #cpf;
    #nome;
    #salario;
    #senha;

    constructor(cpf, nome, salario) {
        this.#cpf = cpf;
        this.#nome = nome;
        this.#salario = salario;
        if (this.constructor == Funcionario)
            throw new Error(
                "Não é permitida a instanciação da classe Funcionario diretamente."
            );
    }

    get senha() {
        return this.#senha;
    }

    cadastrarSenha(senha) {
        this.#senha = senha;
    }
}

import { Funcionario } from "./Funcionario.js";

export class Diretor extends Funcionario {
    constructor(cpf, nome, salario) {
        super(cpf, nome, salario);
        this.#bonificacao = 2;
    }
}

Answer 1

The classic confusion between inheritance and private vs protected properties.

The Functionario class has the field #bonificacao as private, this means that only the internal code of that same class has access to it.

The Director class that is extending the Employee class does not have access to this field because it is not protected and yes private.

But it is not the end of the world, if you declare the field again in the daughter class (as in the code below) everything will work.

You can run the code here in the Browser by clicking the blue button Execute just below the code

class Funcionario {
    #bonificacao = 1;
    #cpf;
    #nome;
    #salario;
    #senha;

    constructor(cpf, nome, salario) {
        this.#cpf = cpf;
        this.#nome = nome;
        this.#salario = salario;
        if (this.constructor == Funcionario)
            throw new Error(
                "Não é permitida a instanciação da classe Funcionario diretamente."
            );
    }

    get senha() {
        return this.#senha;
    }

    cadastrarSenha(senha) {
        this.#senha = senha;
    }
}

class Diretor extends Funcionario {
    #bonificacao;
    constructor(cpf, nome, salario) {
        super(cpf, nome, salario);
        this.#bonificacao = 2;
    }
    
    get bonificacao () { return this.#bonificacao }
}

const diretor = new Diretor('123.123.123.123', 'Daniel', 150_000)

console.log(diretor.bonificacao)