What is lexical ‘this’? [duplicate]

by

You seem to have the correct understanding of what happens with this in an arrow function. I will offer an explanation that I think adds to the conversation and hopefully solidifies your understanding.

As you probably know, when you define a function and use a variable inside of it, it checks if the variable has been defined in its scope. If it is, it uses it! If not, it checks the enclosing scope for that variable definition. It keeps checking enclosing scopes until it finds the variable or reaches global scope. Now, function definitions that are not arrow functions define this for you, implicitly. Thus, they will never check an enclosing scope when you try to use this in their scope (because they find it in their own scope!). Arrow functions do NOT define their own this, so they go to the enclosing scope and look for it just as they would with any variable you try to use in their scope.

More Related Contents:

  1. When should I use a return statement in ES6 arrow functions
  2. “Uncaught SyntaxError: Cannot use import statement outside a module” when importing ECMAScript 6
  3. Using Node.js require vs. ES6 import/export
  4. Convert a string to a template string
  5. ES6 destructuring function parameter – naming root object
  6. What is the motivation for bringing Symbols to ES6?
  7. How to destructure into dynamically named variables in ES6?
  8. What is “function*” in JavaScript?
  9. Which browsers support import and export syntax for ECMAScript 6?
  10. ECMAScript 2015: const in for loops
  11. Create object from array
  12. How to generate range of numbers from 0 to n in ES2015 only?
  13. Error Duplicate Const Declaration in Switch Case Statement
  14. ES6 Dynamic class names
  15. ES6 array map doesn’t return anything: ReactJS
  16. Why React Hook useState uses const and not let
  17. ECMAScript 6 class destructor
  18. then() callback firing before promise is resolved in node.js [duplicate]
  19. ECMAScript 6: what is WeakSet for?
  20. Are HTMLCollection and NodeList iterables?
  21. How can I mock the imports of an ES6 module?
  22. spread operator vs array.concat()
  23. Replace element at specific position in an array without mutating it
  24. Promises, pass additional parameters to then chain
  25. String interpolation on variable
  26. Why should forEach be preferred over regular iterators?
  27. Unnecessary ‘else’ after ‘return’. (No-else-return)
  28. using await on global scope without async keyword
  29. How to understand JS realms
  30. ESLint: “error Parsing error: The keyword ‘const’ is reserved”

Leave a Comment