How to define private methods in a JS Class

Question

I'm trying to define a private method for a class to test that such a method can't be called from outside the class. However, I'm coming across an error even when I'm using the syntax as indicated in the Specification. I also checked MDN.

Here's the code for my class:

class CoffeeMachine {
  #waterLimit = 200;

  #checkWater(value) {
    if (value < 0) throw new Error("Negative water");
    if (value > this.#waterLimit) throw new Error("Too much water");
  }
}

const coffeeMachine = new CoffeeMachine;

coffeeMachine.#checkWater();

Upon calling coffeeMachine.#checkWater();, I'm supposed to get an error indicating that such a method can't be called from outside the class, but instead, I'm getting Uncaught SyntaxError: Unexpected token '('.

What could be the reason for this?

Answer 1

In Javascript, you need to declare private variables private variables are declared by putting "#" in front of them (as seen in my example). Be sure to declare them outside of the constructor function

    class foo {
        #bar;// declare private variable called bar

        constructor() {
            this.#bar = "foobar";//define private variable called"bar"
        }
    }

Answer 2

I think private methods (#myMethod()) and fields (#myField) are experimental features [source: developer.mozilar.org ] and at stage 3 for consideration but I managed to make it work by defining it to be as field and assigning it a function as follows;

#checkWater = (value) => {
  if (value < 0) throw new Error("Negative water");
  if (value > this.#waterLimit) throw new Error("Too much water");
}

OR

#checkWater = function(value) {
  if (value < 0) throw new Error("Negative water");
  if (value > this.#waterLimit) throw new Error("Too much water");
}

Now call it on the instance object as

coffeeMachine.#checkWater();

Let me hasten to add that, this code works in Google Chrome (1st image) but when tested in FireFox (2nd image), it did not run.

You should be okay with it hopefully!

Answer 3

You example works in my Node.js 14.13.0 environment! Of course you need a public method to consume a private one. So here my working example:

   class CoffeeMachine {
     #waterLimit = 200

     #checkWater(value) {
       if (value < 0) throw new Error("Negative water")
       if (value > this.#waterLimit) throw new Error("Too much water")
       console.log(`@VALUE ${value}`)
     }

     checkWater(value) {
       this.#checkWater(value)
     }
   }

   const coffeeMachine = new CoffeeMachine()
   coffeeMachine.checkWater(20)