Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://babeljs.io/docs/plugins/transform-object-rest-spread/ below:

@babel/plugin-transform-object-rest-spread · Babel

info

This plugin is included in @babel/preset-env, in ES2018

JavaScript

let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };
console.log(x); 
console.log(y); 
console.log(z); 

JavaScript

let n = { x, y, ...z };
console.log(n); 

• npm
• Yarn
• pnpm
• Bun

npm install --save-dev @babel/plugin-transform-object-rest-spread

yarn add --dev @babel/plugin-transform-object-rest-spread

pnpm add --save-dev @babel/plugin-transform-object-rest-spread

bun add --dev @babel/plugin-transform-object-rest-spread

babel.config.json

{
  "plugins": ["@babel/plugin-transform-object-rest-spread"]
}

Shell

babel --plugins @babel/plugin-transform-object-rest-spread script.js

JavaScript

require("@babel/core").transformSync("code", {
  plugins: ["@babel/plugin-transform-object-rest-spread"],
});

By default, this plugin will produce spec compliant code by using Babel's objectSpread helper.

boolean, defaults to false.

Enabling this option will use Babel's extends helper, which is basically the same as Object.assign (see useBuiltIns below to use it directly).

babel.config.json

{
  "assumptions": {
    "setSpreadProperties": true
  }
}

Please keep in mind that even if they're almost equivalent, there's an important difference between spread and Object.assign: spread defines new properties, while Object.assign() sets them, so using this mode might produce unexpected results in some cases.

For detailed information please check out Spread VS. Object.assign and Assigning VS. defining properties.

boolean, defaults to false.

Enabling this option will use Object.assign directly instead of the Babel's extends helper.

.babelrc

JSON

{
  "assumptions": {
    "setSpreadProperties": true
  },
  "plugins": [
    ["@babel/plugin-transform-object-rest-spread", { "useBuiltIns": true }]
  ]
}

In

Out

JavaScript

z = Object.assign({ x }, y);

tip

You can read more about configuring plugin options here

• Proposal: Object Rest/Spread Properties for ECMAScript
• Spec
• Spread VS. Object.assign
• Assigning VS. defining properties

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4