ES6 arrow function and lexical scope inside a function [duplicate]

by

When you define a and d, the value of this is the top-level window object, since you’re not in the context of some other object, and this gets saved in the arrow functions. window.name is an empty string, so that’s what you see when you call a.func() and d.func().

Arrow functions should generally not be used as method functions because they don’t get access to the object they’re called through. Use them when you want to preserve the binding of this from where you created them (just like other closure variables).

More Related Contents:

  1. Understanding members of Symbol – function constructor
  2. Find list of strings that matches a pattern that start with a special character « and end with a special character »
  3. Why does babel rewrite imported function call to (0, fn)(…)?
  4. Spread Syntax ES6
  5. Async function not returning value, but console.log() does: how to do? [duplicate]
  6. ES6 Object Destructuring Default Parameters
  7. Using _ (underscore) variable with arrow functions in ES6/Typescript
  8. When is the body of a Promise executed?
  9. How can I clone a JavaScript object except for one key?
  10. How to convert a plain object into an ES6 Map?
  11. ES6 Promises – something like async.each?
  12. “Uncaught ReferenceError: this is not defined” in class constructor
  13. Transforming a Javascript iterable into an array
  14. Is using an ES6 import to load specific names faster than importing a namespace?
  15. ESCMAScript 6 arrow functions – parentheses around parameter
  16. Delegated yield (yield star, yield *) in generator functions
  17. SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ – Gulp
  18. Function parameter definitions in ES6
  19. Are ES6 module imports hoisted?
  20. How to test an ES6 class that needs jquery?
  21. ES6+ javascript module export options
  22. Omit property variable when using object destructuring
  23. How to extract data out of a Promise
  24. Array.from() vs spread syntax
  25. Does ECMAScript 6 have a convention for abstract classes? [duplicate]
  26. Array.fill gives same object repeated. why? [duplicate]
  27. ECMAScript 6 not working although experimental JS is enabled
  28. Why does javascript ES6 Promises continue execution after a resolve?
  29. How to correctly use ES6 “export default” with CommonJS “require”?
  30. yield from a list of generators created from an array

Leave a Comment