javascript binding not takes the object instead window

Question

My way of binding not working. please correct me.

const ob = {
  name:'arif',
  getName:() => {
    console.log(this)
    return this.name; 
  }
}
const x = ob.getName.bind(ob);
console.log(x()); //return the global name!!

oh.. agree. how it then handled? what is behind can you give some KT to world? — user2024080, Nov 14 '22 at 04:47
you don't need to create a reference of function here, you can simply call it like `ob.getName()` or if you want to create variable, then you need to change function to arrow function — Code Maniac, Nov 14 '22 at 04:51

Code Maniac · Accepted Answer · 2022-11-14T04:49:49.827

2

Note:- Here even without binding your function will be taking this as ob only if you call it directly on object.

Arrow function do not have this, normal function do have

const ob = {
  name:'arif',
  getName: function(){
    console.log(this)
    return this.name; 
  }
}
const x = ob.getName.bind(ob);
console.log(x());

edited Nov 14 '22 at 04:49

answered Nov 14 '22 at 04:47

Code Maniac

37,143
5
39
60

pls check my comment. if possible provide some light on the issue – user2024080 Nov 14 '22 at 04:47

score 1 · Answer 2 · answered Nov 14 '22 at 04:50

The Arrow function doesn't have an argument property of its own, the bind will fail with Arrow function.

instead, you can use normal function here:

 const ob = {
  name:'arif',
  getName: function() {
    console.log(this)
    return this.name; 
  }
}
const x = ob.getName.bind(ob);
console.log(x()); //returns the object name !!

javascript binding not takes the object instead window

2 Answers2