title: Odd Memory behavior
body: <p>I basically have an object, which I call two functions from, and three functions.</p>
  
  <pre><code>function func1()
      M.mfunc1( 'updateSomething' );
      // do some stuff
      M.mfunc2();
  }
  
  function func2 () {
    M.mfunc1 ( 'hitSomething' );
    // does something but line is stable
    M.mfunc2();
  }
  
  function func3 () {
    M.mfunc1 ( 'doesSoemthing' );
    //does nothing, but causes memory to grow
    M.mfunc2();
  }
  
  M.mfunc1 = function ( name ) {
    // code is all commented out
  }
  
  M.mfunc2 = function () {
    // code is all commented out
  }
  </code></pre>
  
  <p><code>func1</code>n is called on a main loop using setTimeout. When using Chromes's Dev Tools on the Timeline watching Memory, memory suddenly grows on the call of <code>func3</code>, but if I comment out the <code>M</code> calls, it stays stable. I resorted to commenting everything out of <code>M.mfunc1</code> and <code>M.mfunc2</code> and by just calling it a lone, it causes memory usage to grow.</p>
  
  <p>Now can someone explain that to me?</p>
  
  <p><strong>Update</strong>: I made my code more like what it really is. </p>
  
  <p><strong>Update 2</strong>: Since the example code I gave doesn't seem to be the problem, here's a link to all the code: <a href="http://test.startailpro.co.uk/breaking/" rel="nofollow">http://test.startailpro.co.uk/breaking/</a></p>
  
  <p>The functions are <code>update</code>, <code>updateDirection</code>, <code>hitBlock</code>, <code>doesBall_hitBlock</code>, <code>MEMORY.deep</code> and <code>MEMORY.rise</code>.</p>