Question

Not sure what I’m doing wrong here, I just want to be able to have functions of an object reference the object scope

myscipt.js

function MyFoo () {
   this.name = 'myname';
}

function MyBar () {
   this.myFoo = new MyFoo();

   function setMyFoosName( name ) {
      this.myFoo.name = name;
   }
}

somepage.html

<scipt>

$('document').ready( function() {
    $.myBar = new MyBar();
}

...
some action
...

$.myBar.setMyFoosName( 'new name' );

</script>

this throws an exception:

this.myFoo.name = name; this.myFoo is not defined

Answer 1

Lekensteyn and Ken got it half right each.

1. You have to put “this” in a variable, like Lekensteyn did, in order to be able to reference it inside of the nested function as well.
2. You have to make setMyFoosName accessible outside of the scope of MyBar, by assigning it to a property of “this”, like Ken did.

This is how I would do it:

function MyFoo () {
   this.name = 'myname';
}

function MyBar () {
   var that = this;
   this.myFoo = new MyFoo();

   this.setMyFoosName = function( name ) {
      that.myFoo.name = name;
   }
}