@babel/plugin-transform-nullish-coalescing-operator

What is @babel/plugin-transform-nullish-coalescing-operator?

The @babel/plugin-transform-nullish-coalescing-operator package allows Babel to transform nullish coalescing operator (??) syntax into equivalent JavaScript code that can run in environments that do not support this operator. The nullish coalescing operator is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand.

What are @babel/plugin-transform-nullish-coalescing-operator's main functionalities?

Transform nullish coalescing operator

This feature transforms the nullish coalescing operator (??) into equivalent JavaScript code. In this example, if 'foo' is null or undefined, 'bar' will be set to 'default value'. Otherwise, 'bar' will be set to the value of 'foo'.

const foo = null;\nconst bar = foo ?? 'default value';

Other packages similar to @babel/plugin-transform-nullish-coalescing-operator

@babel/plugin-proposal-optional-chaining

This package allows Babel to transform optional chaining (?.) syntax, which is somewhat related to the nullish coalescing operator in that it helps with dealing with null or undefined values. However, optional chaining is used to access properties of an object without having to explicitly check if each reference in the chain is null or undefined.

@babel/preset-env

While not a direct equivalent, @babel/preset-env includes support for transforming nullish coalescing operators among many other JavaScript features based on the target environment. It's a broader solution for compiling modern JavaScript down to a version compatible with older browsers or environments.

README

@babel/plugin-transform-nullish-coalescing-operator

Remove nullish coalescing operator

See our website @babel/plugin-transform-nullish-coalescing-operator for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-transform-nullish-coalescing-operator

or using yarn:

yarn add @babel/plugin-transform-nullish-coalescing-operator --dev

Changelog

v7.24.6 (2024-05-24)

:bug: Bug Fix

• babel-helper-create-class-features-plugin, babel-plugin-transform-class-properties
  • #16514 Fix source maps for private member expressions (@nicolo-ribaudo)
• babel-core, babel-generator, babel-plugin-transform-modules-commonjs
  • #16515 Fix source maps for template literals (@nicolo-ribaudo)
• babel-helper-create-class-features-plugin, babel-plugin-proposal-decorators
  • #16485 Support undecorated static accessor in anonymous classes (@JLHwung)
  • #16484 Fix decorator bare yield await (@JLHwung)
• babel-helpers, babel-plugin-proposal-decorators, babel-runtime-corejs3
  • #16483 Fix: throw TypeError if addInitializer is called after finished (@JLHwung)
• babel-parser, babel-plugin-transform-typescript
  • #16476 fix: Correctly parse cls.fn<C> = x (@liuxingbaoyu)

:house: Internal

• babel-core, babel-helpers, babel-plugin-transform-runtime, babel-preset-env, babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime
  • #16501 Generate helper metadata at build time (@nicolo-ribaudo)
• babel-helpers
  • #16499 Add tsconfig.json for @babel/helpers/src/helpers (@nicolo-ribaudo)
• babel-cli, babel-helpers, babel-plugin-external-helpers, babel-plugin-proposal-decorators, babel-plugin-transform-class-properties, babel-plugin-transform-modules-commonjs, babel-plugin-transform-modules-systemjs, babel-plugin-transform-runtime, babel-preset-env, babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime
  • #16495 Move all runtime helpers to individual files (@nicolo-ribaudo)
• babel-parser, babel-traverse
  • #16482 Statically generate boilerplate for bitfield accessors (@nicolo-ribaudo)
• Other
  • #16466 Migrate import assertions syntax (@JLHwung)