Javascript: Call object function from within a function object

Question

my problem seems to be that my object function is not visible if i call it from within an object of functions. Example Code:

function foo()
{
   this.bar = function() 
              { 
                 alert("hit me!"); 
              }

   this.sna = { 
                 fu:   function () 
                       {
                          this.bar();
                       }
              };

}

this seems to refer to sna instead of foo. How do i adress foo? this.parent does not work.

I suggest you do some research about understanding this and scoping in javascript - it's a too wide topic to be explained in a short answer on SO — Luca
– Luca, Commented Aug 10, 2015 at 15:31
See stackoverflow.com/questions/16502467/…. You cannot access bar using this when you called your method by ….sna.fu.bar(), as it does reference …sna.fu. — Bergi
– Bergi, Commented Aug 10, 2015 at 16:05

iplus26 · Accepted Answer · 2015-08-10 15:36:55Z

1

Use a variable to refer to this(Foo). See this - JavaScript | MDN

function Foo() {
    this.bar = function() {
        console.log("hit me!");
    };

    var that = this;

    this.sna = {
        fu: function() {
            that.bar();
        }
    };

}

var foo = new Foo();
foo.bar();
foo.sna.fu();

edited Aug 10, 2015 at 15:36

answered Aug 10, 2015 at 15:31

iplus26

2,68618 silver badges26 bronze badges

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

Comments

svidgen · Accepted Answer · 2015-08-10 15:29:44Z

1

One option is to add a reference to this:

function foo() {

  var _t = this;

  this.bar = function() { };

  this.child = {
    this.foo = function() {
      _t.bar():
    };
  };

}

answered Aug 10, 2015 at 15:29

svidgen

14.4k4 gold badges37 silver badges60 bronze badges

Collectives™ on Stack Overflow

Javascript: Call object function from within a function object

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related