JavaScript Function bind() method

The JavaScript Function bind() method is used to create a new function. When a function is called, it has its own this keyword set to the provided value, with a given sequence of arguments.

Syntax

Parameter

thisArg - The this value passed to the target function.

arg1,arg2,....,argn - It represents the arguments for the function.

Return Value

It returns the replica of the given function along provided this value and initial arguments.

JavaScript Function bind() method Example

Example 1

Let's see a simple example of bind() method.

<script>
var website = {
  name: "Javatpoint",
  getName: function() {
    return this.name;
  }
}
var unboundGetName = website.getName;
var boundGetName = unboundGetName.bind(website);
document.writeln(boundGetName());
</script>

Test it Now

Output:

Javatpoint

Example 2

Let's see an example of bind() method.

<script>
// Here, this refers to global "window" object
this.name = "Oracle";     
var website = {
  name: "Javatpoint",
  getName: function() { return this.name; }
};

document.writeln(website.getName()); // Javatpoint

//It invokes at global scope
var retrieveName = website.getName;
document.writeln(retrieveName());   //Oracle

var boundGetName = retrieveName.bind(website);
document.writeln(boundGetName()); // Javatpoint
</script>

Test it Now

Output: