const foo = {
  a: {
    b: 1,
    c: 2
  },
  d: 3
};
console.log(foo);  // => { a: {b: 1 ,c: 2 }, d: 3 }

const pl1 = {
  ...foo,
  a: {
    ...foo.a,
  }
};
console.log(pl1);  // => { a: {b: 1 ,c: 2 }, d: 3 }

foo.a.b = 10;
console.log(foo);  // => { a: {b: 10 ,c: 2 }, d: 3 }
console.log(pl1);  // => { a: {b: 1 ,c: 2 }, d: 3 }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.