How to call a function from inside an object

Question

Let's suppose I have an object like this in javascript:

obj = {
 prop1 : 0,
 prop2 : 1,
 func1 : function (){
 var x = {
 func_Inner : function(){
 //ATTEMPTING TO CALL FUNC2 ON obj WON'T WORK
 this.func2()
 //NEITHER THIS
 this.func2().bind(obj);
 }
 }
 x.f()
 this.func2() 
 },
 func2 : function (){
 console.log(this)
 console.log(this.prop1,this.prop2)
 }
}

I'd like to call func2 from inside func_Inner , how could I?

• pushkin: Should x.f() be x.func_Inner()? I don't see an f function defined anywhere.
• klaasman: In this specific case you could simply call obj.func2().
• Andreas: Have a look at javascript - How does the "this" keyword work? - Stack Overflow
• Jonas Wilms: obj.func2() maybe?!

Answer 1

The problem is the context of the function func_Inner which is not the obj's context.

An alternative is binding the context this to the function func_Inner

var obj = {
 prop1 : 0,
 prop2 : 1,
 func1 : function (){
 var x = {
 func_Inner : function(){
 //ATTEMPTING TO CALL FUNC2 ON obj WON'T WORK
 this.func2()
 //NEITHER THIS
 //this.func2().bind(obj);
 }
 }
 // Here's is bound to the current context.
 x.func_Inner.bind(this)(); 
 },
 func2 : function (){
 //console.log(this)
 console.log(this.prop1,this.prop2)
 }
}
obj.func1();

• Amir Shahbabaie: Got it. That's embarrassing for me to do the bind thinggy in wrong place