@babel/plugin-proposal-private-methods

What is @babel/plugin-proposal-private-methods?

The @babel/plugin-proposal-private-methods package is a Babel plugin that allows developers to use the private methods and accessors proposal in JavaScript classes. This proposal is part of the ECMAScript (ES) standardization process and introduces a way to define private methods and getter/setter functions in a class, which are only accessible within the class itself.

What are @babel/plugin-proposal-private-methods's main functionalities?

Private Methods

This feature allows the definition of methods in a class that are not accessible from outside the class. The hash (#) prefix indicates that the method is private.

class MyClass {
  #privateMethod() {
    return 'Hello from private method';
  }

  publicMethod() {
    return this.#privateMethod();
  }
}

Private Accessors

This feature allows the definition of private getter and setter functions in a class, which can be used to control access to private fields.

class MyClass {
  #privateField = 'private value';

  get #privateAccessor() {
    return this.#privateField;
  }

  set #privateAccessor(newValue) {
    this.#privateField = newValue;
  }

  publicMethod() {
    return this.#privateAccessor;
  }
}

Other packages similar to @babel/plugin-proposal-private-methods

@babel/plugin-proposal-class-properties

This package allows developers to use the class properties proposal, which includes static and instance properties. It is similar to @babel/plugin-proposal-private-methods but does not specifically deal with private methods or accessors.

@babel/plugin-proposal-decorators

This package provides support for decorators, which are a stage 2 proposal for JavaScript. Decorators can be used to annotate and modify classes and properties at design time. While decorators can be used to mimic some aspects of private methods, they are not the same as the private methods proposal.

README

@babel/plugin-proposal-private-methods

This plugin transforms private class methods

See our website @babel/plugin-proposal-private-methods for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-proposal-private-methods

or using yarn:

yarn add @babel/plugin-proposal-private-methods --dev

Changelog

v7.18.6 (2022-06-27)

:eyeglasses: Spec Compliance

• babel-parser
  • #14650 [ts] Disallow property access after instantiation expression (@nicolo-ribaudo)
  • #14636 [ts] Allow ...<...> followed by newline or binary operator (@nicolo-ribaudo)
• babel-generator, babel-parser, babel-preset-env, babel-template
  • #14668 JSON modules should be imported with default (@JLHwung)

:bug: Bug Fix

• babel-helper-remap-async-to-generator, babel-plugin-proposal-async-generator-functions
  • #14391 Transform await in computed class keys (@Yokubjon-J)
• babel-plugin-transform-parameters
  • #14694 fix: preserve function params type if possible (@magic-akari)
• babel-core
  • #14583 fix: Memory leak when deep cloning in babel-core (@liuxingbaoyu)
• babel-core, babel-helper-check-duplicate-nodes, babel-plugin-bugfix-safari-id-destructuring-collision-in-function-expression, babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining, babel-plugin-proposal-destructuring-private, babel-plugin-proposal-optional-chaining, babel-plugin-transform-runtime
  • #14663 Fix import { types } from "@babel/core" with native ESM (@nicolo-ribaudo)

:house: Internal

• babel-standalone
  • #14697 Add proposal-unicode-sets-regex to @babel/standalone (@nicolo-ribaudo)
• Other
  • #14687 chore: Update bench baselines (@liuxingbaoyu)
• babel-generator, babel-types
  • #14685 enable TS compiler option: strictBindCallApply (@JLHwung)
• babel-code-frame, babel-core, babel-generator, babel-helper-annotate-as-pure, babel-helper-builder-binary-assignment-operator-visitor, babel-helper-builder-react-jsx, babel-helper-check-duplicate-nodes, babel-helper-compilation-targets, babel-helper-create-class-features-plugin, babel-helper-create-regexp-features-plugin, babel-helper-define-map, babel-helper-explode-assignable-expression, babel-helper-fixtures, babel-helper-function-name, babel-helper-hoist-variables, babel-helper-member-expression-to-functions, babel-helper-module-imports, babel-helper-module-transforms, babel-helper-optimise-call-expression, babel-helper-plugin-test-runner, babel-helper-plugin-utils, babel-helper-remap-async-to-generator, babel-helper-replace-supers, babel-helper-simple-access, babel-helper-split-export-declaration, babel-helper-transform-fixture-test-runner, babel-helper-validator-option, babel-helper-wrap-function, babel-helpers, babel-highlight, babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining, babel-plugin-external-helpers, babel-plugin-proposal-async-generator-functions, babel-plugin-proposal-class-static-block, babel-plugin-proposal-decorators, babel-plugin-proposal-destructuring-private, babel-plugin-proposal-function-bind, babel-plugin-proposal-function-sent, babel-plugin-proposal-json-strings, babel-plugin-proposal-object-rest-spread, babel-plugin-proposal-optional-chaining, babel-plugin-proposal-partial-application, babel-plugin-proposal-pipeline-operator, babel-plugin-proposal-private-property-in-object, babel-plugin-proposal-record-and-tuple, babel-plugin-syntax-typescript, babel-plugin-transform-block-scoped-functions, babel-plugin-transform-block-scoping, babel-plugin-transform-classes, babel-plugin-transform-computed-properties, babel-plugin-transform-destructuring, babel-plugin-transform-duplicate-keys, babel-plugin-transform-exponentiation-operator, babel-plugin-transform-flow-comments, babel-plugin-transform-flow-strip-types, babel-plugin-transform-for-of, babel-plugin-transform-function-name, babel-plugin-transform-modules-amd, babel-plugin-transform-modules-commonjs, babel-plugin-transform-modules-systemjs, babel-plugin-transform-modules-umd, babel-plugin-transform-object-super, babel-plugin-transform-parameters, babel-plugin-transform-property-mutators, babel-plugin-transform-proto-to-assign, babel-plugin-transform-react-constant-elements, babel-plugin-transform-react-display-name, babel-plugin-transform-react-inline-elements, babel-plugin-transform-react-jsx-compat, babel-plugin-transform-react-jsx-source, babel-plugin-transform-react-jsx, babel-plugin-transform-runtime, babel-plugin-transform-typescript, babel-plugin-transform-unicode-escapes, babel-preset-env, babel-preset-typescript, babel-standalone, babel-template, babel-traverse, babel-types
  • #14601 enable noImplicitAny (@JLHwung)
• babel-core, babel-helper-transform-fixture-test-runner, babel-plugin-transform-destructuring
  • #14659 Run Babel asynchronously in fixtures (@nicolo-ribaudo)