this is undefined inside arrow function

by

If this is undefined within an arrow function, it’s undefined outside of the arrow as well. Arrow function simply capture the this of the surrounding scope.

In this case, you’re declaring myOutsideFunction as a method on an object literal and never binding it or doing anything else that would call it with the object as this.

When debugging, bear in mind that transpilers can rename variables (and have to rename this for it to capture correctly). Using the original name in the console without sourcemaps that include renaming will show you undefined even if the original value isn’t. Make sure you use the transpiled name in watches or console commands.

More Related Contents:

  1. What does “this” refer to in arrow functions in ES6?
  2. Arrow Functions and This [duplicate]
  3. Detecting an undefined object property
  4. When should I use a return statement in ES6 arrow functions
  5. ECMAScript 6 arrow function that returns an object
  6. Pass correct “this” context to setTimeout callback?
  7. What is the difference between null and undefined in JavaScript?
  8. Using jQuery $(this) with ES6 Arrow Functions (lexical this binding)
  9. Curly Brackets in Arrow Functions
  10. Javascript setInterval and `this` solution
  11. Official information on `arguments` in ES6 Arrow functions?
  12. “this” keyword in event methods when using JavaScript prototype object
  13. How do I pass the this context to a function?
  14. Set “this” variable easily?
  15. What does arrow function ‘() => {}’ mean in Javascript? [duplicate]
  16. ‘this’ does not work properly in another event. I’m clueless as to why [duplicate]
  17. ES6 immediately invoked arrow function
  18. node.js displays “undefined” on the console
  19. What reason is there to use null instead of undefined in JavaScript?
  20. Javascript lost context when assigned to other variable
  21. JavaScript String concatenation behavior with null or undefined values
  22. jQuery/JavaScript “this” pointer confusion
  23. How to compare variables to undefined, if I don’t know whether they exist? [duplicate]
  24. Why does the logical or operator (||) with an empty arrow function (()=>{}) cause a SyntaxError?
  25. Preserve ‘this’ reference in javascript prototype event handler [duplicate]
  26. What’s the difference between empty items in a JavaScript array and undefined? [duplicate]
  27. How can I differentiate between an arrow function, class and a normal function?
  28. Can I set variables to undefined or pass undefined as an argument?
  29. Should JSON include null values [closed]
  30. How does event handlers with arrow functions achieve context binding

Leave a Comment