Difference between Constructor pattern and Prototype pattern

Question

So I'm trying to wrap my head around the different ways to create an object.

I came accross the Protoype pattern for creating objects.

Now I wrote two functions below but I can't see what the functional difference between both would be? When would you use the Constructor pattern and when would you use the Prototype pattern?

Constructor Pattern

function Fruit(){}
Fruit.color = "Yellow",
Fruit.fruitName = "Banana",
Fruit.nativeTo = "SomeValue"

Prototype Pattern

function Fruit(){}
Fruit.prototype.color = "Yellow",
Fruit.prototype.fruitName = "Banana",
Fruit.prototype.nativeTo = "SomeValue"

Answer 1

Reusability of the components...

Constructor

When you create a new constructor you will create a new instance of everything and importantly any change made to the instances will only affect them and not the others.

Prototype

When you create a new object using the prototype it will reuse the logic and any change to the prototype chain will affect everyone else.

This is a nice explanation: Javascript prototypes and instance creation

When to use each pattern is based on needs - very ambiguous answer but never-the-less the situation.

Think of the Object, Function, Array they are used throughout JS and would make sense that they live on the prototype chain as any changes we have to them we would want to propagate - a side note: which is why we should never alter these as it can screw up their behavior.

Best explanation here: JavaScript constructors, prototypes, and the new keyword