GeezerVison

修改 "prototype"

在下面的代码中，我们创建了 new Rabbit，然后尝试修改它的 prototype。

最初，我们有以下代码：

function Rabbit() {}
Rabbit.prototype = {
  eats: true
};

let rabbit = new Rabbit();

alert( rabbit.eats ); // true

1. 我们增加了一行代码（已高亮）。现在 alert 会显示什么？

   function Rabbit() {}
   Rabbit.prototype = {
     eats: true
   };
   
   let rabbit = new Rabbit();
   
   Rabbit.prototype = {};
   
   alert( rabbit.eats ); // ?

2. ……如果代码是这样的（修改了一行）？

   function Rabbit() {}
   Rabbit.prototype = {
     eats: true
   };
   
   let rabbit = new Rabbit();
   
   Rabbit.prototype.eats = false;
   
   alert( rabbit.eats ); // ?

3. 像这样呢（修改了一行）？

   function Rabbit() {}
   Rabbit.prototype = {
     eats: true
   };
   
   let rabbit = new Rabbit();
   
   delete rabbit.eats;
   
   alert( rabbit.eats ); // ?

4. 最后一种变体：

   function Rabbit() {}
   Rabbit.prototype = {
     eats: true
   };
   
   let rabbit = new Rabbit();
   
   delete Rabbit.prototype.eats;
   
   alert( rabbit.eats ); // ?