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?

Should `x.f()` be `x.func_Inner()`? I don't see an `f` function defined anywhere. — pushkin, Apr 09 '18 at 14:42
Have a look at [javascript - How does the "this" keyword work? - Stack Overflow](https://stackoverflow.com/questions/3127429/how-does-the-this-keyword-work) — Andreas, Apr 09 '18 at 14:44

Ele · Accepted Answer · 2018-04-09T14:52:56.877

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

Got it. That's embarrassing for me to do the bind thinggy in wrong place — Amir Shahbabaie, Apr 09 '18 at 14:53

How to call a function from inside an object

1 Answers1