@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.16.7 (2021-12-31)

:eyeglasses: Spec Compliance

• babel-parser
  • #14049 fix: check preceding line break before exclamation (@JLHwung)

:bug: Bug Fix

• babel-plugin-transform-runtime, babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime
  • #14081 Import the correct ./typeof.js helper in @babel/runtime (@exb)
• babel-helpers
  • #14072 Fix derived classes in Chrome <= 36 (@nicolo-ribaudo)
• babel-helper-function-name, babel-plugin-transform-function-name
  • #14047 Fix unicode handling in generated function names (@The-x-Theorist)

:nail_care: Polish

• babel-core
  • #14067 Allow $schema property in json config files (@The-x-Theorist)