Javascript object creation with arrow functions vs function expressions

Question

Why does

 const Todos = function () {
   ...
 }   
 const todos = new Todos();

work just fine, but

 const Todos = () => {
   ...
 }   
 const todos = new Todos();

Give a TypeError: Todos is not a constructor error?

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#Use_of_the_new_operator — Wyck, May 09 '19 at 22:50
also: https://stackoverflow.com/questions/34361379/are-arrow-functions-and-functions-equivalent-exchangeable — Wyck, May 09 '19 at 22:55

score 2 · Accepted Answer · edited May 10 '19 at 16:00

2

This question is already answered:

edited May 10 '19 at 16:00

Rusty Shackelford

answered May 09 '19 at 22:44

Deyvid Martinez

score 0 · Answer 2 · answered May 09 '19 at 22:45

0

Because it is a Arrow function. Try this const todos = Todos();

answered May 09 '19 at 22:45

ctg

score 0 · Answer 3 · answered May 10 '19 at 16:24

0

The arrow function isn't a constructor so calling it with new isn't correct. It's just a regular function so instead try:

const todos = Todos();

answered May 10 '19 at 16:24

Tom O.

3 Answers3