Javascript object creation with arrow functions vs function expressions [duplicate]

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?

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Wyck
– Wyck, Commented May 9, 2019 at 22:50

Archer Manifold · Accepted Answer · 2019-05-10 16:00:19Z

2

This question is already answered:

Archer Manifold

1612 silver badges12 bronze badges

answered May 9, 2019 at 22:44

Deyvid Martinez

4603 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ctg · Accepted Answer · 2019-05-09 22:45:10Z

0

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

answered May 9, 2019 at 22:45

ctg

1075 bronze badges

Tom O. · Accepted Answer · 2019-05-10 16:24:54Z

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, 2019 at 16:24

Tom O.

5,9813 gold badges24 silver badges36 bronze badges