@babel/plugin-proposal-function-bind

What is @babel/plugin-proposal-function-bind?

@babel/plugin-proposal-function-bind is a Babel plugin that allows you to use the bind operator (::) in your JavaScript code. This operator is a syntactic sugar for function binding, making it easier to bind functions to a specific context.

What are @babel/plugin-proposal-function-bind's main functionalities?

Function Binding

This feature allows you to bind a function to a specific context using the bind operator (::). In this example, the greet function is bound to the obj context, so it correctly logs 'Hello, Alice!'.

const obj = {
  name: 'Alice',
  greet() {
    console.log(`Hello, ${this.name}!`);
  }
};

const greet = obj.greet::obj;
greet(); // Output: Hello, Alice!

Partial Application

This feature allows you to create partially applied functions using the bind operator (::). In this example, the add function is partially applied with the value 5, creating a new function add5 that adds 5 to its argument.

function add(a, b) {
  return a + b;
}

const add5 = add.bind(null, 5);
console.log(add5(10)); // Output: 15

Other packages similar to @babel/plugin-proposal-function-bind

lodash

Lodash is a utility library that provides a wide range of functions for common programming tasks, including function binding. The _.bind method in Lodash can be used to bind functions to a specific context, similar to the bind operator in @babel/plugin-proposal-function-bind.

ramda

Ramda is a functional programming library for JavaScript that provides a variety of utility functions, including function binding. The R.bind method in Ramda can be used to bind functions to a specific context, offering similar functionality to the bind operator in @babel/plugin-proposal-function-bind.

README

@babel/plugin-proposal-function-bind

Compile function bind operator to ES5

See our website @babel/plugin-proposal-function-bind for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-proposal-function-bind

or using yarn:

yarn add @babel/plugin-proposal-function-bind --dev

Changelog

v7.18.9 (2022-07-18)

:bug: Bug Fix

• babel-plugin-transform-modules-systemjs, babel-types
  • #14763 fix: allow exporting TSDeclareFunction as default (@zxbodya)
• babel-generator
  • #14758 fix: returnType with comments generates incorrect code (@liuxingbaoyu)

:nail_care: Polish

• babel-cli
  • #14748 Print a message when the watcher of babel-cli is ready. (@liuxingbaoyu)

:house: Internal

• babel-core, babel-helper-remap-async-to-generator, babel-helpers, babel-parser, babel-plugin-transform-block-scoping, babel-preset-env
  • #13414 Prepare for compiling Babel to native ESM (@nicolo-ribaudo)
• babel-helper-create-class-features-plugin, babel-helper-member-expression-to-functions, babel-helper-remap-async-to-generator, babel-helper-replace-supers, babel-helper-wrap-function, babel-helpers, babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining, babel-plugin-proposal-decorators, babel-plugin-proposal-object-rest-spread, babel-plugin-proposal-optional-chaining, babel-plugin-transform-block-scoping, babel-plugin-transform-classes, babel-traverse, babel-types
  • #14739 Provide better parentPath typings (@JLHwung)

:running_woman: Performance

• babel-generator
  • #14701 perf: Improve generator perf (@liuxingbaoyu)