title: What is the scope of this in the arrow functions in JavaScript
body: <p>I referred the documentation
  <strong>Arrow functions do not default this to the window scope, rather they execute in the scope they are created:</strong>
  What does this line mean? At some blogs I read they are defaulted the scope of nearest function or lexical scope. Can someone please elaborate? This is example from the developer.mozilla.org.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>window.age = 10; // &lt;-- notice me?
  function Person() {
    this.age = 42; // &lt;-- notice me?
    setTimeout(() =&gt; { // &lt;-- Arrow function executing in the "p" (an instance of Person) scope
      console.log("this.age", this.age); // yields "42" because the function executes on the Person scope
    }, 100);
  }
  
  var p = new Person();</code></pre>
  </div>
  </div>
  </p>