title: Value of this inside arrow function inside an Object
body: <p>I thought I understood the relationship between <code>this</code> and arrow functions but the following snippet is making me question my understanding. </p>
  
  <pre><code>let person = {
    name: 'Jim',
    sayName: () =&gt; {
      console.log(this.name);
    }
  };
  
  person.sayName();
  </code></pre>
  
  <p>I understand that arrow functions capture the <code>this</code> value of the enclosing context. I was expecting <code>this</code> would be the object but instead it is <code>Window</code>.</p>
  
  <p>Can someone help me understand why this is the case?</p>