Open links in new tab
  1. 123

    The bind() method in JavaScript creates a new function that, when called, has its this keyword set to the provided value, with a given sequence of arguments preceding any provided when the new function is called.

    Example

    const person = {
    firstName: "John",
    lastName: "Doe",
    fullName: function () {
    return this.firstName + " " + this.lastName;
    }
    };

    const member = {
    firstName: "Hege",
    lastName: "Nilsen",
    };

    let fullName = person.fullName.bind(member);
    console.log(fullName()); // Hege Nilsen
    Copied!

    Preserving this

    When a function is used as a callback, this is often lost. The bind() method can solve this problem by binding the function to the correct context.

    Example

    const person = {
    firstName: "John",
    lastName: "Doe",
    display: function () {
    let x = document.getElementById("demo");
    x.innerHTML = this.firstName + " " + this.lastName;
    }
    };

    let display = person.display.bind(person);
    setTimeout(display, 3000); // Displays "John Doe" after 3 seconds
    Copied!

    Partial Application

    The bind() method can also be used to create partially applied functions by pre-specifying initial arguments.

    How to bind all methods of a given object?

    bind all methods of the given object then return the object. Object.entries(object).forEach( ([key, value]) => { if ( typeof value === 'function' ) object[key] = value.bind(object); }) return object; bind selected methods of the given object then return array of these methods. methods.forEach((method)=>{

    javascript.info
    Mozilla Developer
    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/C…
    Classes - JavaScript | MDN - MDN Web Docs
    Feedback
  1. Stack Overflow
    https://stackoverflow.com › questions

    What is a good way to automatically bind JS class methods?

    Jun 8, 2019 · One option, considering you only need to bind methods that are called in a different context (usually an event handler), is to use arrow functions to call these methods without changing …

    • Reviews: 9

      Code sample

      constructor(name) {
        this.name = name;
        autoBind(this);
      }
      message() {...
      How to bind a function to an object that is returned from a class methodDec 17, 2022
      javascript - why should I use bind (this) with a method in a class ...May 5, 2018
      See more results
    • Mozilla Developer
      https://developer.mozilla.org › en-US › docs › Web › JavaScript › Reference › ...

      Function.prototype.bind () - JavaScript | MDN

      • The bind() method of Function instances creates a new function that, when called, calls this function with its this keyword set to the provided value, and a given sequence of arguments preceding any provided when the new function is called.
      See more on developer.mozilla.org
    • W3School
      https://www.w3schools.com › js › js_function_bind.asp

      JavaScript Function bind () Method - W3Schools

      Like with call () and apply (), the bind () method can borrow a method from another object. Unlike call () and apply (), the bind () method does not run the function immediately.

    • The Modern JavaScript Tutorial
      https://javascript.info › bind

      Function binding - The Modern JavaScript Tutorial

      Apr 13, 2025 · Method func.bind(context, ...args) returns a “bound variant” of function func that fixes the context this and first arguments if given. Usually we …

    • GeeksForGeeks
      https://www.geeksforgeeks.org › javascript › explain-call-a…

      Explain call (), apply (), and bind () methods in JavaScript

      Jan 22, 2026 · JavaScript offers call (), apply (), and bind () to control the value of this inside functions. These methods are useful for managing function context, …

    • webdevtutor.net
      https://www.webdevtutor.net › blog › javascript-bind-method-to-class

      How to Use the JavaScript Bind Method to Bind a Method to a Class

      Mar 17, 2025 · When working with classes, binding methods becomes essential for maintaining the correct context within class instances. To bind a method to a class in JavaScript, you can follow …

    • People also ask
      Unable to load answer

      Feedback
    • thelinuxcode.com
      https://thelinuxcode.com › javascript-bind-method

      A Detailed Guide to JavaScript‘s bind() Method - TheLinuxCode

      Dec 27, 2023 · Mastering bind() is key to understanding JavaScript closures, callback functions, and object-oriented patterns. In this comprehensive guide, we‘ll cover all aspects of bind(), with detailed …

    • Medium
      https://medium.com › swlh

      Javascript: About Classes, Binds & Arrows - Medium

      Aug 16, 2019 · Javascript: About Classes, Binds & Arrows When I first started working with JavaScript at my workplace, I found some of the nuances of the …

    • GeeksForGeeks
      https://www.geeksforgeeks.org › javascript › javascript-function-binding

      JavaScript Function Binding - GeeksforGeeks

      Jan 16, 2026 · In JavaScript, function binding refers to the process of associating a function with a specific context (this value). The bind () method creates a new function that, when called, has its 'this' …

    • Mozilla Developer
      https://developer.mozilla.org › en-US › docs › Web › JavaScript › Reference › …

      Classes - JavaScript | MDN - MDN Web Docs

      Jul 8, 2025 · Classes are a template for creating objects. They encapsulate data with code to work on that data. Classes in JS are built on prototypes but also have some syntax and semantics that are …

    • Deep dive into JavaScript Class Methods Binding

    Content was generated with AI. Learn more