this within a arrow notation function within an object literall : <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>
