@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.25.9 (2024-10-22)

:bug: Bug Fix

• babel-parser, babel-template, babel-types
  • #16905 fix: Keep type annotations in syntacticPlaceholders mode (@liuxingbaoyu)
• babel-helper-compilation-targets, babel-preset-env
  • #16907 fix: support BROWSERSLIST{,_CONFIG} env (@JLHwung)
• Other
  • #16884 Analyze ClassAccessorProperty to prevent the no-undef rule (@victorenator)

:house: Internal

• babel-helper-transform-fixture-test-runner
  • #16914 remove test options flaky (@JLHwung)

:running_woman: Performance

• babel-parser, babel-types
  • #16918 perf: Make VISITOR_KEYS etc. faster to access (@liuxingbaoyu)