Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

what is the use of bind method in javascript

"Variables has local and global scopes. Let's suppose that we have two variables
with the same name. One is globally defined and the other is defined inside a
function closure and we want to get the variable value which is inside the
function closure. In that case we use this bind() method.

code:

var x = 9; // this refers to global "window" object here in the browser

var person = {
  x: 81, // local variable x = 81
  getX: function() {
    return this.x; // "this" = person , so this.x is the same as  person.x
  }
};
//  the next line of code is the most important one (line 17)
var y = person.getX; // It will return 9, because it will call global value of x(var x=9).

var myFunc = y.bind(person); // It will return 81, because it will call local value of x, which is defined in the object called person(x=81).

y(); // return 9 (the global variable);

myFunc();" // return 81 (the loacl variable);
Comment

bind in javascript

bind() returns a bound function that, when executed later, will have the correct context ("this") for calling the original function.
Comment

bind method in javascript


let obj = {
    name: "Abhi",
    age: 28,
    info: function() {
        console.log(`${this.name}  is  ${this.age} year's old`);//template literals used here
    },
};
let obj1 = {
    name: "Vikash",
    age: 28,
};

obj.info.bind(obj1)(); //since bind methods return a new function so 
//we can directly call that function[()] without pollouting global
//space while assigning a varibale to call that function.
//Always try to make global space neat n clean ,
//dont polloute while assigning unnecessary variables. 
Comment

JavaScript Function bind()


		const person = {
name: "John Smith",
getNameAndAddress: function()
{
return this.name;
}

}
const personWithoutGet = {
name: "Jerry Smithers"}

 console.log(person.getName.bind(personWithoutGet);
  }

/*you can think of bind() apply()  and call() ALL as "stealing someone else's function to use."*/
/* victimBeingStolenFrom.functionName.call(theThief) */
/*notice the second variable personWithoutGet does not have a getName function*/
     
Comment

What is the use of bind() in JavaScript?

var myButton = {
  content: 'OK',
  click() {
    console.log(this.content + ' clicked');
  }
};

myButton.click();

var looseClick = myButton.click;
looseClick(); // not bound, 'this' is not myButton - it is the globalThis

var boundClick = myButton.click.bind(myButton);
boundClick(); // bound, 'this' is myButton
Comment

JavaScript Function bind()

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);
Comment

bind() method

var car = {
    registrationNumber: "FT5142",
    brand: "Benz",

    displayDetails: function(){
        console.log(this.registrationNumber+ " " + this.brand );
    }
}
car.displayDetails();


var myCarDetails = car.displayDetails.bind(car);
myCarDetails();
Comment

bind in javascript example

var persona = {
  nombre: 'Franco',
  apellido: 'Chequer',

  getNombre: function(){
    var nombreCompleto = this.nombre + ' ' + this.apellido;
    return nombreCompleto;
  }
}

var logNombre = function(){
  console.log(this.getNombre());
}

var logNombrePersona = logNombre.bind(persona);

logNombrePersona(); //'Franco'
Comment

Bind() In JavaScript

		  (function()
	  {
		
		const student =
		  {
			  name :'John',
			  getName : function()
			  {
				  return this.name;
			  }
		  }
		  
	let theName =student.getName.bind(student);
	console.log(theName());

	  })()
      /*use bind when you have a function(not one created from a class) that requires a this, and you add the this candidate inside of bind*/
Comment

bind method in js

ar bikeDetails = {
    displayDetails: function(registrationNumber,brandName){
    return this.name+ " , "+ "bike details: "+ registrationNumber + " , " + brandName;
  }
}
        
var person1 = {name:  "Vivek"};
        
var detailsOfPerson1 = bikeDetails.displayDetails.bind(person1, "TS0122", "Bullet");
        
// Binds the displayDetails function to the person1 object
        
        
detailsOfPerson1();
// Returns Vivek, bike details: TS0452, Thunderbird
Comment

bind method in js

ar bikeDetails = {
    displayDetails: function(registrationNumber,brandName){
    return this.name+ " , "+ "bike details: "+ registrationNumber + " , " + brandName;
  }
}
        
var person1 = {name:  "Vivek"};
        
var detailsOfPerson1 = bikeDetails.displayDetails.bind(person1, "TS0122", "Bullet");
        
// Binds the displayDetails function to the person1 object
        
        
detailsOfPerson1();
// Returns Vivek, bike details: TS0452, Thunderbird
Comment

PREVIOUS NEXT
Code Example
Javascript :: e.target.value to image url in javascript 
Javascript :: chrome extension catch shortcut 
Javascript :: Usage rate-limiter 
Javascript :: is there a function like range in react 
Javascript :: set up emet for jsx in vs code 
Javascript :: toggle button in angularjs bootstrap 
Javascript :: Return a Sorted Array Without Changing the Original Array 
Javascript :: datatable dropdown toggle not working 
Javascript :: it each jest 
Javascript :: how javascript interpreter works 
Javascript :: js retrieve form data 
Javascript :: $(...).editableSelect is not a function 
Javascript :: json type error at login 
Javascript :: Fill rect in jspdf 
Javascript :: alpine js update data 
Javascript :: odd even condition 
Javascript :: window.open 
Javascript :: disable textbox on plumsail 
Javascript :: jquery embeded by console 
Javascript :: browser support 
Javascript :: access multiple classes with loop 
Javascript :: react svg 
Javascript :: clone canvas 
Javascript :: Get position of each element using jquery 
Javascript :: javascript function to sleep 
Javascript :: node js mysql variables 
Javascript :: highlight link javascript 
Javascript :: merge two binary trees 
Javascript :: image loading in Compose display image 
Javascript :: get value from serialized json apex 
ADD CONTENT
Topic
Content
Source link
Name
4+1 =