title: javascript object literal - nested functions and the "this" keyword
body: <p>In the example below, when <code>functionA()</code> is invoked, the <code>this</code> keyword refers to the containing object, so I can access its properties (e.g. <code>theValue</code>)</p>
  
  <p><strong>My question:</strong> How do I refer to properties of <code>myObj</code> from within the <em>nested</em> <code>functionB()</code>?</p>
  
  <pre><code>var myObj = {
      theValue: "The rain in Spain", 
      functionA: function() {
          alert(this.theValue);
      },
      moreFunctions: {
          functionB: function() {
              alert(????.theValue);
          }
      }
  }
  
  myObj.functionA(); 
  myObj.moreFunctions.functionB();  
  </code></pre>
  
  <p>Thanks in advance.</p>