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

NOTE: This plugin is included in @babel/preset-env, in ES2020

Example

In

  1. var foo = object.foo ?? "default";

Out

  1. var _object$foo;
  2. var foo =
  3. (_object$foo = object.foo) !== null && _object$foo !== void 0
  4. ? _object$foo
  5. : "default";

NOTE: We cannot use != null here because document.all == null and document.all has been deemed not “nullish”.

Installation

  1. npm install --save-dev @babel/plugin-proposal-nullish-coalescing-operator

Usage

  1. {
  2. "plugins": ["@babel/plugin-proposal-nullish-coalescing-operator"]
  3. }

Via CLI

  1. babel --plugins @babel/plugin-proposal-nullish-coalescing-operator script.js

Via Node API

  1. require("@babel/core").transformSync("code", {
  2. plugins: ["@babel/plugin-proposal-nullish-coalescing-operator"],
  3. });

Options

loose

boolean, defaults to false.

When true, this transform will pretend document.all does not exist, and perform loose equality checks with null instead of strict equality checks against both null and undefined.

⚠️ Consider migrating to the top level noDocumentAll assumption.

  1. // babel.config.json
  2. {
  3. "assumptions": {
  4. "noDocumentAll": true
  5. }
  6. }

Example

In

  1. var foo = object.foo ?? "default";

Out

  1. var _object$foo;
  2. var foo = (_object$foo = object.foo) != null ? _object$foo : "default";

You can read more about configuring plugin options here

References