How can I differentiate between an arrow function, class and a normal function?

by

How can I differentiate between these things in ES6?

  • arrow functions are functions that cannot be used as constructors, and don’t have a .prototype property. However, methods don’t either. They inherit from Function.prototype.
  • classes are functions that can’t be called without new, and that have a .prototype object which is normally not empty. If the extends keyword was used, they don’t inherit from Function.prototype.
  • functions are functions that can be called either way, and do have a .prototype that is normally empty. They inherit from Function.prototype.
  • generator functions are functions that do have a .prototype which inherits from the intrinsic GeneratorPrototype object, and they inherit from the intrinsic Generator object.

As you can see, there are some clues. However, the properties and inheritance can always be messed with, so you cannot really trust it. Whether a function is a constructor (can be called with new) cannot be determined from outside, you have to call it and see whether it throws – which could be faked as well.

So your best bet might be Function.prototype.toString, to see how the source looked like. If your ES implementation supports that.

And how can I differentiate between these things in transpilers?

I don’t think any transpiler implements prototype-less arrows and methods. Whether a class constructor throws upon being called depends on the looseness of the transpilation, but that’s not a good way for distinction anyway.
toString doesn’t work either afaik.

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. 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. Arrow Functions and This [duplicate]
  17. Using _ (underscore) variable with arrow functions in ES6/Typescript
  18. ES6 arrow functions not working on the prototype?
  19. Arrow Function in Object Literal [duplicate]
  20. What does arrow function ‘() => {}’ mean in Javascript? [duplicate]
  21. JavaScript ES6: Test for arrow function, built-in function, regular function?
  22. Can I use arrow function in constructor of a react component?
  23. Can I use ES6’s arrow function syntax with generators? (arrow notation)
  24. Immediate function using JavaScript ES6 arrow functions
  25. ESCMAScript 6 arrow functions – parentheses around parameter
  26. ES6 functions, arrow functions and ‘this’ in an ES6 class [duplicate]
  27. Why can I not use `new` with an arrow function in JavaScript/ES6?
  28. Why is `throw` invalid in an ES6 arrow function?
  29. Is it possible to export Arrow functions in ES6/7?
  30. $(‘elems’).each() with fat arrow

Leave a Comment