`this` is undefined in Dev Tools when using arrow function

by

The problem is that the chrome debugger believes that the this in the source code refers to the run-time this, but this inside a arrow function in typescript source code is actually transformed to _this, so it’s showing you the wrong object.

This is why it’s only a problem in the debugger and the code still works fine. When I need to debug something where this is a problem, I just copy it to the console and prepend it with an underscore.

More Related Contents:

  1. Using _ (underscore) variable with arrow functions in ES6/Typescript
  2. Calling webpacked code from outside (HTML script tag)
  3. Angular 2 – communication of typescript functions with external js libraries
  4. Should we use useCallback in every function handler in React Functional Components
  5. How to translate ‘this’ in D3 JavaScript to TypeScript?
  6. “You may need an additional loader to handle the result of these loaders.”
  7. Angular: 7.2.1 ES6 class ReferenceError : Cannot access ‘X’ before initialization
  8. How to setup TypeScript + Babel + Webpack?
  9. how can I use top level “await” in typescript next.js
  10. Managing jQuery plugin dependency in webpack
  11. How do I use namespaces with TypeScript external modules?
  12. Expose jQuery to real Window object with Webpack
  13. Check if an object implements an interface at runtime with TypeScript
  14. Property ‘value’ does not exist on type EventTarget in TypeScript [duplicate]
  15. How to define type for a function callback (as any function type, not universal any) used in a method parameter
  16. Mongoose the Typescript way…?
  17. Extend native JavaScript array
  18. Rxjs toPromise() deprecated
  19. Writing npm modules in TypeScript
  20. How to resolve Node.js ES6 (ESM) Modules with the TypeScript Compiler (TSC). TSC doesn’t emit the correct file-ext
  21. TypeError: Class extends value undefined is not a function or null
  22. Storing Objects in localStorage
  23. Is it possible to export Arrow functions in ES6/7?
  24. How to disable ESLint in vue-cli?
  25. Run command after webpack build
  26. How can I use webpack with express?
  27. Performance penalty of creating handlers on every render with react-hooks
  28. Filter Array in Array by date between 2 dates
  29. What’s the purpose of a leading pipe when declaring a type on Typescript
  30. How to apply both ValidationPipe() and ParseIntPipe() to params?

Leave a Comment