@babel/plugin-transform-object-super

object-super - 图1info

This plugin is included in @babel/preset-env

Examples

In

JavaScript

  1. let obj = {
  2.   say() {
  3.     return "Hello";
  4.   },
  5. };
  7. let obj2 = {
  8.   say() {
  9.     return super.say() + "World!";
  10.   },
  11. };

Out

JavaScript

  1. var _obj;
  3. var _get = function get(object, property, receiver) {
  4.   if (object === null) object = Function.prototype;
  5.   var desc = Object.getOwnPropertyDescriptor(object, property);
  6.   if (desc === undefined) {
  7.     var parent = Object.getPrototypeOf(object);
  8.     if (parent === null) {
  9.       return undefined;
  10.     } else {
  11.       return get(parent, property, receiver);
  12.     }
  13.   } else if ("value" in desc) {
  14.     return desc.value;
  15.   } else {
  16.     var getter = desc.get;
  17.     if (getter === undefined) {
  18.       return undefined;
  19.     }
  20.     return getter.call(receiver);
  21.   }
  22. };
  24. var obj = {
  25.   say: function say() {
  26.     return "Hello";
  27.   },
  28. };
  30. var obj2 = (_obj = {
  31.   say: function say() {
  32.     return (
  33.       _get(_obj.__proto__ || Object.getPrototypeOf(_obj), "say", this).call(
  34.         this
  35.       ) + "World!"
  36.     );
  37.   },
  38. });

Installation

  • npm
  • Yarn
  • pnpm
  1. npm install --save-dev @babel/plugin-transform-object-super
  1. yarn add --dev @babel/plugin-transform-object-super
  1. pnpm add --save-dev @babel/plugin-transform-object-super

Usage

With a configuration file (Recommended)

babel.config.json

  1. {
  2.   "plugins": ["@babel/plugin-transform-object-super"]
  3. }

Via CLI

Shell

  1. babel --plugins @babel/plugin-transform-object-super script.js

Via Node API

JavaScript

  1. require("@babel/core").transformSync("code", {
  2.   plugins: ["@babel/plugin-transform-object-super"],
  3. });