title: this within a arrow notation function within an object literall
body: <p>Lets say I have this Object:</p>
  
  <pre><code>    api = {
          x: 2,
          func: () =&gt; {
              this.x
          }
      }
  </code></pre>
  
  <p>If I call api.function, how come <code>this</code> is scoped to the <code>window</code> and not <code>api</code>?</p>
  
  <p>If I turn func into a regular anonymous function <code>this</code> is scoped to the <code>api</code> and not the <code>window</code>. </p>
  
  <p>Can anyone explain this to me? I thought the arrow notation inherited the parent this, which is <code>api</code></p>