Can you bind ‘this’ in an arrow function?

by

You cannot rebind this in an arrow function. It will always be defined as the context in which it was defined. If you require this to be meaningful you should use a normal function.

From the ECMAScript 2015 Spec:

Any reference to arguments, super, this, or new.target within an ArrowFunction must resolve to a binding in a lexically enclosing environment. Typically this will be the Function Environment of an immediately enclosing function.

More Related Contents:

  1. How does this object method definition work without the “function” keyword?
  2. ES6 destructuring function parameter – naming root object
  3. How to extend Function with ES6 classes?
  4. What is “function*” in JavaScript?
  5. Proper use of const for defining functions
  6. JavaScript ES6: Test for arrow function, built-in function, regular function?
  7. Immediate function using JavaScript ES6 arrow functions
  8. Why can I not use `new` with an arrow function in JavaScript/ES6?
  9. Find all values by specific key in a deep nested object
  10. Why does `obj.foo = function() { };` not assign the name `foo` to the function?
  11. Javascript return in Function
  12. What does “this” refer to in arrow functions in ES6?
  13. What is the difference between a function call and function reference?
  14. JavaScript variable number of arguments to function
  15. Call static methods from regular ES6 class methods
  16. How can I create an Asynchronous function in Javascript?
  17. Javascript “this” pointer within nested function
  18. How can I conditionally import an ES6 module?
  19. ES2015 import doesn’t work (even at top-level) in Firefox
  20. Deep copy in ES6 using the spread syntax
  21. How to create an instance of a subclass from the super class?
  22. Why es6 react component works only with “export default”?
  23. How to publish a module written in ES6 to NPM?
  24. Why does the Promise constructor require a function that calls ‘resolve’ when complete, but ‘then’ does not – it returns a value instead?
  25. js function to get filename from url
  26. How should I import the Spatial Illusions milsymbol library into my webpage?
  27. Why is `throw` invalid in an ES6 arrow function?
  28. Where argument of first next() call goes? [duplicate]
  29. ECMA6 generators: yield promise
  30. ES6 – declare a prototype method on a class with an import statement

Leave a Comment