@babel/plugin-syntax-function-bind

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

@babel/plugin-syntax-function-bind is a Babel plugin that allows you to use the function bind syntax in your JavaScript code. This syntax is a proposed feature for ECMAScript that allows you to bind a function to a specific context (this value) more succinctly.

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

Function Bind Syntax

This feature allows you to use the `::` operator to bind a function to a specific context. In this example, `obj::getX` binds the `getX` function to the `obj` object, so when `boundGetX` is called, it returns `42`.

const obj = { x: 42 };
const getX = function() { return this.x; };
const boundGetX = obj::getX;
console.log(boundGetX()); // 42

Other packages similar to @babel/plugin-syntax-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 a function to a specific context, similar to the function bind syntax provided by @babel/plugin-syntax-function-bind.

core-js

Core-js is a modular standard library for JavaScript that includes polyfills for many ECMAScript features, including function binding. While it doesn't provide the same syntax as @babel/plugin-syntax-function-bind, it offers similar functionality through its polyfills.

README

@babel/plugin-syntax-function-bind

Allow parsing of function bind.

Installation

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

Usage

Via .babelrc (Recommended)

.babelrc

{
  "plugins": ["@babel/plugin-syntax-function-bind"]
}

Via CLI

babel --plugins @babel/plugin-syntax-function-bind script.js

Via Node API

require("@babel/core").transform("code", {
  plugins: ["@babel/plugin-syntax-function-bind"]
});