ZmÄ›na â€žprototypeâ€œ

V nÃ¡sledujÃcÃm kÃ³du vytvoÅ™Ãme new KrÃ¡lÃk a pak se pokusÃme zmÄ›nit jeho prototyp.

Na zaÄÃ¡tku mÃ¡me tento kÃ³d:

function KrÃ¡lÃk() {}
KrÃ¡lÃk.prototype = {
  Å¾ere: true
};

let krÃ¡lÃk = new KrÃ¡lÃk();

alert( krÃ¡lÃk.Å¾ere ); // true

PÅ™idÃ¡me dalÅ¡Ã Å™Ã¡dek (zvÃ½raznÄ›nÃ½). Co nynÃ zobrazÃ alert?

          function KrÃ¡lÃ­k() {}
KrÃ¡lÃ­k.prototype = {
  Å¾ere: true
};

let krÃ¡lÃ­k = new KrÃ¡lÃ­k();

KrÃ¡lÃ­k.prototype = {};

alert( krÃ¡lÃ­k.Å¾ere ); // ?
        

â€¦A kdyÅ¾ kÃ³d vypadÃ¡ takto (jeden Å™Ã¡dek zmÄ›nÄ›n)?

          function KrÃ¡lÃ­k() {}
KrÃ¡lÃ­k.prototype = {
  Å¾ere: true
};

let krÃ¡lÃ­k = new KrÃ¡lÃ­k();

KrÃ¡lÃ­k.prototype.Å¾ere = false;

alert( krÃ¡lÃ­k.Å¾ere ); // ?
        

A takto (jeden Å™Ã¡dek zmÄ›nÄ›n)?

          function KrÃ¡lÃ­k() {}
KrÃ¡lÃ­k.prototype = {
  Å¾ere: true
};

let krÃ¡lÃ­k = new KrÃ¡lÃ­k();

delete krÃ¡lÃ­k.Å¾ere;

alert( krÃ¡lÃ­k.Å¾ere ); // ?
        

PoslednÃ varianta:

          function KrÃ¡lÃ­k() {}
KrÃ¡lÃ­k.prototype = {
  Å¾ere: true
};

let krÃ¡lÃ­k = new KrÃ¡lÃ­k();

delete KrÃ¡lÃ­k.prototype.Å¾ere;

alert( krÃ¡lÃ­k.Å¾ere ); // ?
        

OdpovÄ›di:

false.

Objekty jsou pÅ™iÅ™azovÃ¡ny odkazem. Objekt z KrÃ¡lÃk.prototype nenÃ duplikovÃ¡n, ale je to stÃ¡le jedinÃ½ objekt, na kterÃ½ se odkazujÃ jak KrÃ¡lÃk.prototype, tak [[Prototype]] objektu krÃ¡lÃk.

KdyÅ¾ tedy zmÄ›nÃme jeho obsah skrz jeden odkaz, uvidÃme to i druhÃ½m odkazem.
true.

VÅ¡echny operace delete se aplikujÃ pÅ™Ãmo na objekt. Zde se delete krÃ¡lÃk.Å¾ere pokusÃ odstranit vlastnost Å¾ere z objektu krÃ¡lÃk, ale ten ji neobsahuje. Operace tedy nemÃ¡ Å¾Ã¡dnÃ½ ÃºÄinek.
undefined.

Vlastnost Å¾ere je smazÃ¡na z prototypu a nadÃ¡le neexistuje.