F.prototype

Pamatujte, že nové objekty mohou být vytvoÅ™eny konstruktorem, například new F().

Pokud vlastnost F.prototype obsahuje objekt, pak operátor new jej nastaví jako [[Prototype]] novÄ› vytvoÅ™enému objektu.

Prosíme vÅ¡imnÄ›te si, že F.prototype zde znamená regulérní vlastnost jménem "prototype" funkce F. Trochu se to podobá pojmu „prototyp“, ale tady máme opravdu na mysli obvyklou vlastnost s tímto názvem.

Zde je příklad:

let zvíře = {
  žere: true
};

function Králík(jméno) {
  this.jméno = jméno;
}

Králík.prototype = zvíře;

let králík = new Králík("Bílý králík"); //  králík.__proto__ == zvíře

alert( králík.žere ); // true

Nastavení Králík.prototype = zvíře znamená doslova toto: „Když bude vytvoÅ™en new Králík, pÅ™iÅ™aď zvíře do jeho vlastnosti [[Prototype]]“.

Výsledný obrázek je následující:

Na obrázku je "prototype" vodorovná Å¡ipka, která znamená regulérní vlastnost, a [[Prototype]] je svislá Å¡ipka, která znamená dÄ›dÄ›ní objektu králík z objektu zvíře.

Standardní F.prototype, vlastnost konstruktoru

Vlastnost "prototype" má každá funkce, i když ji neuvedeme.

Standardní "prototype" je objekt s jedinou vlastností constructor, která ukazuje zpÄ›t na samotnou funkci.

Například takto:

function Králík() {}

/* standardní prototyp
Králík.prototype = { constructor: Králík };
*/

Můžeme si to ověřit:

function Králík() {}
// standardnÄ›:
// Králík.prototype = { constructor: Králík }

alert( Králík.prototype.constructor == Králík ); // true

Jestliže nic nezmÄ›níme, bude vlastnost constructor dostupná skrz [[Prototype]] vÅ¡em králíkům:

function Králík() {}
// standardnÄ›:
// Králík.prototype = { constructor: Králík }

let králík = new Králík(); // dědí z {constructor: Králík}

alert(králík.constructor == Králík); // true (z prototypu)

Vlastnost constructor můžeme použít k vytvoÅ™ení nového objektu stejným konstruktorem, jakým byl vytvoÅ™en stávající objekt.

Například zde:

function Králík(jméno) {
  this.jméno = jméno;
  alert(jméno);
}

let králík = new Králík("Bílý králík");

let králík2 = new králík.constructor("Černý králík");

To se hodí, když máme objekt, nevíme, jaký konstruktor pro něj byl použit (např. protože pochází z knihovny třetí strany), a potřebujeme vytvořit další objekt stejného druhu.

Asi nejdůležitÄ›jší vÄ›cí na "constructor" je vÅ¡ak to, že…

…samotný JavaScript správnou hodnotu vlastnosti "constructor" nezajiÅ¡Å¥uje.

Ano, nachází se ve standardní vlastnosti funkcí "prototype", ale to je vÅ¡e. Co se s ní stane pozdÄ›ji, je zcela na nás.

KonkrétnÄ›, jestliže standardní prototyp úplnÄ› nahradíme něčím jiným, žádný "constructor" v nÄ›m nebude.

Například:

function Králík() {}
Králík.prototype = {
  skáče: true
};

let králík = new Králík();
alert(králík.constructor === Králík); // false

Abychom tedy udrželi správný "constructor", můžeme se rozhodnout, že budeme vlastnosti pÅ™idávat do a odebírat ze standardního "prototype", místo abychom jej úplnÄ› mÄ›nili:

function Králík() {}

// Nepřepíšeme Králík.prototype úplně
// jen do něj něco přidáme
Králík.prototype.skáče = true
// standardní Králík.prototype.constructor se zachová

Nebo alternativnÄ› vlastnost constructor vytvoříme znovu ručnÄ›:

Králík.prototype = {
  skáče: true,
  constructor: Králík
};

// nyní je constructor také korektní, protože jsme jej přidali

Shrnutí

V této kapitole jsme krátce popsali způsob, jak nastavit [[Prototype]] pro objekty vytvoÅ™ené konstruktorem. PozdÄ›ji uvidíme pokročilejší programovací vzory, které jsou na tom postaveny.

Všechno je zcela jednoduché, jen několik poznámek, abychom si to ujasnili:

• Vlastnost F.prototype (nepleÅ¥te si ji s [[Prototype]]) nastaví [[Prototype]] nových objektů, když je zavolán new F().
• Hodnota F.prototype by mÄ›la být buď objekt, nebo null: jiné hodnoty nefungují.
• Vlastnost "prototype" má tento speciální efekt jen tehdy, když je nastavena na konstruktoru a ten je zavolán pomocí new.

Na běžných objektech prototype neznamená nic zvláštního:

let uživatel = {
  jméno: "Jan",
  prototype: "Ble-ble" // vůbec žádná magie
};

StandardnÄ› mají vÅ¡echny funkce F.prototype = { constructor: F }, takže můžeme získat konstruktor objektu přístupem k jeho vlastnosti "constructor".