How to change Class.prototype in JS6?

Question

JavaScript

Hello! I'm learning JavaScript. In the process of studying, I came across this example:

function Rabbit() {}
let rabbit = new Rabbit();

// replace the prototype
Rabbit.prototype = {};

// ...not rabbit anymore!
alert( rabbit instanceof Rabbit ); // false

Tell me why the same class trick doesn't work?

class Rabbit {}
let rabbit = new Rabbit();

// replace the prototype
Rabbit.prototype = {};

alert( rabbit instanceof Rabbit ); // true

Rabbit is essentially a constructor function. Every function in JS has a prototype property that points to the prototype object. Why can't I replace this prototype with an empty object in the case of classes? Those. so that it does not contain the constructor property.

Answer 1

Because:

function Rabbit() {}
console.log(Object.getOwnPropertyDescriptor(Rabbit, 'prototype'));  // { value: {}, writable: true, enumerable: false, configurable: false }

class Rabbit {}
console.log(Object.getOwnPropertyDescriptor(Rabbit, 'prototype')); // { value: {}, writable: false, enumerable: false, configurable: false }

Find the difference :)
And if you used
'use strict';
it, you would immediately see what the problem is, because when you try to execute
Rabbit.prototype = {};
it, you would get an error:

TypeError: Cannot assign to read only property 'prototype' of function 'class Rabbit {}'