What does “this” refer to in arrow functions in ES6?

by

Arrow functions capture the this value of the enclosing context

function Person(){
  this.age = 0;

  setInterval(() => {
    this.age++; // |this| properly refers to the person object
  }, 1000);
}

var p = new Person();

So, to directly answer your question, this inside your arrow function would have the same value as it did right before the arrow function was assigned.

More Related Contents:

  1. Arrow Functions and This [duplicate]
  2. Are ‘Arrow Functions’ and ‘Functions’ equivalent / interchangeable?
  3. What’s the meaning of “=>” (an arrow formed from equals & greater than) in JavaScript?
  4. When should I use a return statement in ES6 arrow functions
  5. ECMAScript 6 arrow function that returns an object
  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. How do I write a named arrow function in ES2015?
  14. What are the differences (if any) between ES6 arrow functions and functions bound with Function.prototype.bind?
  15. Official information on `arguments` in ES6 Arrow functions?
  16. ES6 arrow functions not working on the prototype?
  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. this value in JavaScript anonymous function
  24. this is undefined inside arrow function
  25. ES6 functions, arrow functions and ‘this’ in an ES6 class [duplicate]
  26. Why can I not use `new` with an arrow function in JavaScript/ES6?
  27. How can I differentiate between an arrow function, class and a normal function?
  28. Why is `throw` invalid in an ES6 arrow function?
  29. How to bind methods when destructuring an object in JavaScript?
  30. $(‘elems’).each() with fat arrow

Leave a Comment