Javascript OOP use function inside object

Question

I have JS object

var widget = {
    check_balance: function(){...},
    function_called_in_init: function(){
         .....
         this.check_balance();
    };
};

this is code screenshot for better understanding..

and when it try to call this.check_balance(); it returns me error TypeError: this.check_balanceis not a function

the question would be - how to call function inside object which was also created inside object?

Also I can't init this function at the moment when all object is inited, becouse this is a recursion with ajax callback.

There is a syntax error in your snippet. Did you mean those first two ; to be ,? — Victory
– Victory, Commented Sep 12, 2015 at 9:03
Provided ; changed to , and you call widget.function_called_in_init(). It should work. — Pawan Kumar
– Pawan Kumar, Commented Sep 12, 2015 at 9:07
You dont need the this calling it directly will work as intended. — Antonio Smoljan
– Antonio Smoljan, Commented Sep 12, 2015 at 9:08
@AntonioSmoljan it will not work becouse this is inside object. — Arnas Pečelis
– Arnas Pečelis, Commented Sep 12, 2015 at 9:09

Victory · Accepted Answer · 2015-09-12 09:18:15Z

1

Its a little tricky to see what you are asking but the gist of it is you are looking to have the correct context. The tool for that is the whatever.bind(theContext) function. You pass in theContext to the object and that makes theContext object the context of whatever.

var parent = {
    foo: function () {
        var widget = {
            check_balance: function(){ console.log('checking'); },
            function_called_in_init: function(){
                 this.bar();
            }.bind(this),
        };
        widget.function_called_in_init();
    },
    bar: function () {
        console.log('bar');
    },
};

parent.foo();

see fiddle

bind documentation

answered Sep 12, 2015 at 9:18

Victory

5,9113 gold badges28 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Michael Sagalovich · Accepted Answer · 2015-09-12 09:31:39Z

0

Use private function and closure

var widget = (function() {
    var check_balance = function() {
        //do what your check_balance has to do
    }
    return {
        check_balance: check_balance,
        function_called_in_init: function(){
            .....
            check_balance();
        };
    };
})();

answered Sep 12, 2015 at 9:31

Michael Sagalovich

2,54919 silver badges27 bronze badges

Collectives™ on Stack Overflow

Javascript OOP use function inside object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related