ES6 arrow functions not working on the prototype?

by

Arrow functions provide a lexical this. It uses the this that is available at the time the function is evaluated.

It is logically equivalent to (the following isn’t valid code since you can’t have a variable named this):

(function(this){
   // code that uses "this"
 })(this)

In your 1st example the arrow function is within the constructor, and this points to the newly generated instance.

In your 3rd example, an arrow function isn’t used and standard this behavior works as always (the this in the function scope).

In your 2nd example, you use an arrow function but at the scope it’s evaluated, this is global / undefined.

More Related Contents:

  1. Are ‘Arrow Functions’ and ‘Functions’ equivalent / interchangeable?
  2. What’s the meaning of “=>” (an arrow formed from equals & greater than) in JavaScript?
  3. When should I use a return statement in ES6 arrow functions
  4. ECMAScript 6 arrow function that returns an object
  5. What does “this” refer to in arrow functions in ES6?
  6. When should I use arrow functions in ECMAScript 6?
  7. What do multiple arrow functions mean in JavaScript?
  8. Why doesn’t my arrow function return a value?
  9. Using jQuery $(this) with ES6 Arrow Functions (lexical this binding)
  10. Arrow function without curly braces
  11. Curly Brackets in Arrow Functions
  12. Why shouldn’t JSX props use arrow functions or bind?
  13. What are the differences (if any) between ES6 arrow functions and functions bound with Function.prototype.bind?
  14. Official information on `arguments` in ES6 Arrow functions?
  15. Arrow Functions and This [duplicate]
  16. Using _ (underscore) variable with arrow functions in ES6/Typescript
  17. Arrow Function in Object Literal [duplicate]
  18. What does arrow function ‘() => {}’ mean in Javascript? [duplicate]
  19. JavaScript ES6: Test for arrow function, built-in function, regular function?
  20. Can I use arrow function in constructor of a react component?
  21. Can I use ES6’s arrow function syntax with generators? (arrow notation)
  22. Immediate function using JavaScript ES6 arrow functions
  23. ESCMAScript 6 arrow functions – parentheses around parameter
  24. ES6 functions, arrow functions and ‘this’ in an ES6 class [duplicate]
  25. Why can I not use `new` with an arrow function in JavaScript/ES6?
  26. How can I differentiate between an arrow function, class and a normal function?
  27. Why is `throw` invalid in an ES6 arrow function?
  28. Is it possible to export Arrow functions in ES6/7?
  29. ES6 – declare a prototype method on a class with an import statement
  30. $(‘elems’).each() with fat arrow

Leave a Comment