How to call a function from an object, from within an other function's function of the same object in javascript?

Question

I've an object, which simplified a bit looks like:

function obj(arg){
    return{
        fct1: function(){
            $(".output").append("called fct1 with arg: "+arg+"<br>");
        },
        fct2: function(){
            $(".output").append("called fct2, which has an other function, which calls fct1<br>");
            fct2a();
            function fct2a(){
                $(".output").append("doing something else, then calling fct1<br>");
                this.fct1(); //not within scope
            }
        }
        }
    }
var myobj = obj("asd");
myobj.fct2();

I want to call fct1 from fct2a, how? Fiddle

Kishore Indraganti · Accepted Answer · 2015-09-06 16:00:01Z

3

Create a temp var and asign this object to that var and call from that. Please find the code below

function obj(arg){
    return{
        var temp=this;
        fct1: function(){
            $(".output").append("called fct1 with arg: "+arg+"<br>");
        },
        fct2: function(){
            $(".output").append("called fct2, which has an other function, which calls fct1<br>");
            fct2a();
            function fct2a(){
                $(".output").append("doing something else, then calling fct1<br>");
                temp.fct1(); 
            }
        }
        }
    }
var myobj = obj("asd");
myobj.fct2();

answered Sep 6, 2015 at 16:00

Kishore Indraganti

1,3224 gold badges19 silver badges34 bronze badges

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

1 Comment

Szabolcs Over a year ago

Works if I declare var temp before calling fct2a(). Thank you!

LostMyGlasses · Accepted Answer · 2016-07-19 15:35:20Z

0

You can also declare fct1() separately and invoke it where you need it:

function obj(arg){
    function innerFct1(arg) {
        $(".output").append("called fct1 with arg: "+arg+"<br>");
    }
    return{
        fct1: innerFct1,
        fct2: function(){
            $(".output").append("called fct2, which has an other function, which calls fct1<br>");
            fct2a();
            function fct2a(){
                $(".output").append("doing something else, then calling fct1<br>");
                innerFct1("arg2"); //not within scope
            }
        }
    }
}
var myobj = obj("asd");
myobj.fct2();

edited Jul 19, 2016 at 15:35

answered Sep 6, 2015 at 16:07

LostMyGlasses

3,16423 silver badges29 bronze badges

1 Comment

Szabolcs Over a year ago

what if innerFct1 takes in an arg?

Collectives™ on Stack Overflow

How to call a function from an object, from within an other function's function of the same object in javascript?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related