Inherited property shadowing in JavaScript

shadowing.js

function Foobar () {
}

Foobar.prototype.foo = 1;
Foobar.prototype.bar = {qux: 1};
Foobar.prototype.baz = {qux: 1};


var a = new Foobar();
var b = new Foobar();


console.log(
  a.foo,      // 1
  a.bar,      // {qux: 1}
  a.baz       // {qux: 1}
);

console.log(
  b.foo,      // 1
  b.bar,      // {qux: 1}
  b.baz       // {qux: 1}
);


a.foo = 2;          // shadows Foobar.prototype.foo
a.bar = {qux: 2};   // shadows Foobar.prototype.bar
a.baz.qux = 2;      // modifies Foobar.prototype.baz


console.log(
  a.foo,      // 2
  a.bar,      // {qux: 2}
  a.baz       // {qux: 2}
);

console.log(
  b.foo,      // 1
  b.bar,      // {qux: 1}
  b.baz       // {qux: 2}
);