How to use private class fields in nodejs 12?

Question

In the current release of nodejs i.e. 12.x.x, we can declare private class fields by the #some_varible notat

Answer 1

How to use this variable?

You can use it as a backing field for an accessor property:

class Foo {
  #some_variable = 10;
  
  get some_variable () {
    console.log('getting some_variable');
    return this.#some_variable;
  }
  
  set some_variable (value) {
    console.log('setting some_variable');
    this.#some_variable = value;
  }
}

let bar = new Foo();

console.log(bar.some_variable);
console.log(bar.some_variable = 42);

Or you can use it like a normal property, the main difference being that it can only be accessed from within the class { ... } scope, since it is private, and that the property is prefixed with a #.

Also note that this.#some_variable is not the same as this['#some_variable'], the latter of which refers to the string property, not the private field.

Is it safe to use such notations in a production app for declaring private class fields?

The answer is it depends.

With client-side JavaScript, you have no control over the executing environment, but you can transform new language features such as private class fields into functional equivalents relying only on syntax from older language specifications using Babel plugins.

In Node.js, you do have control over the executing environment, so to use new language features, just ensure you're using a version that supports the syntax.

How does it work in background (in nodejs), when some class field is declared private?

V8 implementation

Private fields use block-scoped symbols which are blacklisted from the reflection method Object.getOwnPropertySymbols().

Here's what a transformed class emulating this implementation might look like:

let Foo;

{
  const some_variable = Symbol('#some_variable');

  {
    const getOwnPropertySymbolsImpl = Object.getOwnPropertySymbols;
    Object.getOwnPropertySymbols = function getOwnPropertySymbols () {
      return getOwnPropertySymbolsImpl.apply(this, arguments)
        .filter(symbol => symbol !== some_variable);
    };
  }

  Foo = class Foo {
    [some_variable] = 10;
  };
}

let bar = new Foo();
console.log(bar);

This produces a very similar-looking output to the native implementation:

---

Babel implementation

@babel/plugin-proposal-class-properties

Private fields are stored as a WeakMap where each entry is a class instance key and its respective private field property descriptor value.

Here's how Babel transforms the class we've been using as an example:

class Foo {
  constructor() {
    _some_variable.set(this, {
      writable: true,
      value: 10
    });
  }
}

var _some_variable = new WeakMap();

Note that while _some_variable is not block-scoped here, Babel will ensure that the name in the transformed output does not collide with any visible names in that scope, so the weak map is inaccessible from within the pre-compiled source.